cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
                      <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" id="svg2" height="297mm" width="210mm" style="height: auto; width: auto;"><defs id="defs4">
    <marker style="overflow:visible;" id="marker5078" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.4) rotate(180) translate(10,0)" style="fill-rule:evenodd;stroke:none;stroke-width:1pt;stroke-opacity:1;fill:#4d4d4d;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path5080"></path>
    </marker>
    <marker style="overflow:visible" id="marker4984" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.4) translate(10,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4986"></path>
    </marker>
    <marker style="overflow:visible" id="Arrow1Mstart" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.4) translate(10,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4232"></path>
    </marker>
    <marker style="overflow:visible" id="Tail" refX="0.0" refY="0.0" orient="auto">
      <g style="stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1" transform="scale(-1.2)" id="g4262">
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M -3.8048674,-3.9585227 L 0.54352094,0" id="path4264"></path>
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M -1.2866832,-3.9585227 L 3.0617053,0" id="path4266"></path>
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M 1.3053582,-3.9585227 L 5.6537466,0" id="path4268"></path>
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M -3.8048674,4.1775838 L 0.54352094,0.21974226" id="path4270"></path>
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M -1.2866832,4.1775838 L 3.0617053,0.21974226" id="path4272"></path>
        <path style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.8;stroke-linecap:round;stroke-opacity:1;fill-opacity:1" d="M 1.3053582,4.1775838 L 5.6537466,0.21974226" id="path4274"></path>
      </g>
    </marker>
    <marker style="overflow:visible" id="Arrow2Mstart" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.6) translate(0,0)" d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z " style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1" id="path4250"></path>
    </marker>
    <marker style="overflow:visible;" id="Arrow2Lend" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(1.1) rotate(180) translate(1,0)" d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z " style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1" id="path4247"></path>
    </marker>
    <marker style="overflow:visible" id="DiamondSend" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.2) translate(-6,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0,-7.0710768 L -7.0710894,0 L 0,7.0710589 L 7.0710462,0 L 0,-7.0710768 z " id="path4329"></path>
    </marker>
    <marker style="overflow:visible" id="marker4574" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.8) translate(12.5,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4576"></path>
    </marker>
    <marker style="overflow:visible;" id="Arrow1Mend" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.4) rotate(180) translate(10,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4235"></path>
    </marker>
    <marker style="overflow:visible" id="marker4502" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.8) translate(12.5,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4504"></path>
    </marker>
    <marker style="overflow:visible" id="Arrow1Lstart" refX="0.0" refY="0.0" orient="auto">
      <path transform="scale(0.8) translate(12.5,0)" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1;fill:#000000;fill-opacity:1" d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z " id="path4226"></path>
    </marker>
    <marker style="overflow:visible" id="marker5078-6" refX="0" refY="0" orient="auto">
      <path transform="matrix(-0.4,0,0,-0.4,-4,0)" style="fill:#4d4d4d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1pt;stroke-opacity:1" d="M 0,0 5,-5 -12.5,0 5,5 0,0 Z" id="path5080-6"></path>
    </marker>
  </defs><metadata id="metadata7">
    <rdf:rdf>
      <cc:work rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type>
        <dc:title></dc:title>
      </cc:work>
    </rdf:rdf>
  </metadata><g id="layer1">
    <g transform="matrix(0.13986352,0,0,0.13986352,449.76059,271.28725)" id="g4368">
      <path id="rect4308" d="m 171.32794,324.58461 c -6.97968,-6.97375 -13.95936,-13.94752 -20.93904,-20.92128 16.96296,-16.97736 33.92592,-33.95472 50.88889,-50.93209 6.97968,6.97376 13.95937,13.94752 20.93904,20.92128 -16.96297,16.97737 -33.92593,33.95473 -50.88889,50.93209 z" style="fill:#fca12a"></path>
      <path id="rect4310" d="m 171.58798,325.16052 c -7.35946,-5.93061 -13.43827,-11.86123 -2.57264,-17.79185 14.43363,-14.43363 28.86726,-28.86726 43.30089,-43.30089 7.35947,5.93062 13.43827,11.86123 2.57264,17.79184 -14.43363,14.43363 -28.86726,28.86727 -43.30089,43.3009 z" style="fill:#ea860f"></path>
      <path id="circle4312" d="M 475.39999,160.2 C 479.33967,263.95894 365.98205,347.35443 268.11676,313.05384 167.89409,286.13508 121.54459,153.24608 183.3463,69.857201 c 55.33584,-87.826049 195.97621,-92.80654 257.386,-9.114799 22.33423,27.999845 34.75491,63.646358 34.66769,99.457598 z" style="fill:#f15249"></path>
      <path id="path4314" d="m 429,46.6 c 53.12991,51.020707 62.15069,139.84538 20.475,200.55 -38.90136,61.35967 -122.14762,88.45034 -189.66123,61.5668 C 238.68659,300.75542 219.34197,288.17852 203.4,272.2" style="fill:#ad0e0e"></path>
      <path id="circle4316" d="M 440.2,160.2 C 443.27294,241.13198 354.854,306.18046 278.51907,279.42599 200.34538,258.42936 164.19278,154.77594 212.39811,89.732615 255.56006,21.228295 365.25955,17.343512 413.15919,82.623071 430.57989,104.46295 440.26802,132.26723 440.2,160.2 Z" style="fill:#d1d1d3"></path>
      <path id="circle4318" d="m 425.8,174.60001 c 2.71837,71.59367 -75.49839,129.13655 -143.02544,105.46915 -69.15364,-18.57395 -101.13479,-110.26735 -58.49162,-167.80568 38.18173,-60.599978 135.22359,-64.036517 177.59635,-6.28922 15.41061,19.3199 23.98088,43.91599 23.92071,68.62575 z" style="fill:#efefef"></path>
      <path id="path4320" d="M 441,160.2 C 442.44626,223.36586 388.84806,281.18236 325.78618,284.63531 263.94557,290.79457 203.08379,243.56158 193.35324,182.2591 192.04892,174.98341 191.3993,167.5914 191.4,160.2" style="fill:#d1d1d3"></path>
      <path id="path4322" d="M 51.4,466.6 C 34.237955,486.20289 -1.1089117,470.93746 0,445.4 0.63374667,425.45445 20.250025,415.17352 31.828803,401.3712 64.336125,369.40972 95.813823,336.28622 128.975,305.0625 c 21.5042,-16.28365 54.335,8.45177 45.35937,33.60312 -7.34372,16.57804 -23.57934,26.89577 -35.31917,40.31918 C 109.81013,408.18987 80.605065,437.39493 51.4,466.6 Z" style="fill:#0aa06e"></path>
      <path id="path4324" d="m 166.6,309 c 14.91486,13.57007 9.54187,37.27068 -5.7072,48.1072 C 123.58657,394.27155 86.55724,431.7264 49.078125,468.70938 37.676976,478.64278 19.340468,477.57713 9,466.6" style="fill:#007c56"></path>
      <g id="g4326">
        <path id="polygon4328" d="m 15.4,62.6 c 0,15.466667 0,30.933333 0,46.4 14.4,0 28.8,0 43.2,0 0,14.4 0,28.8 0,43.2 15.466667,0 30.933333,0 46.4,0 0,-14.4 0,-28.8 0,-43.2 14.13333,0 28.26667,0 42.4,0 0,-15.466667 0,-30.933333 0,-46.4 -14.13333,0 -28.26667,0 -42.4,0 0,-14.133333 0,-28.266667 0,-42.4 -15.466667,0 -30.933333,0 -46.4,0 0,14.133333 0,28.266667 0,42.4 -14.4,0 -28.8,0 -43.2,0 z" style="fill:#d1d1d3"></path>
        <path id="polygon4330" d="m 425,455.4 c 11.73333,0 23.46667,0 35.2,0 0,-15.46667 0,-30.93333 0,-46.4 -44,0 -88,0 -132,0 0,15.46667 0,30.93333 0,46.4 32.26667,0 64.53333,0 96.8,0 z" style="fill:#d1d1d3"></path>
      </g>
      <g id="g4332"></g>
      <g id="g4334"></g>
      <g id="g4336"></g>
      <g id="g4338"></g>
      <g id="g4340"></g>
      <g id="g4342"></g>
      <g id="g4344"></g>
      <g id="g4346"></g>
      <g id="g4348"></g>
      <g id="g4350"></g>
      <g id="g4352"></g>
      <g id="g4354"></g>
      <g id="g4356"></g>
      <g id="g4358"></g>
      <g id="g4360"></g>
    </g>
    <text id="text4412" y="169.2952" x="237.80634" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" xml:space="preserve"><tspan y="169.2952" x="237.80634" id="tspan4414">初めての Sozi</tspan></text>
    <text id="text4416" y="297.89651" x="141.10236" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" xml:space="preserve"><tspan y="297.89651" x="141.10236" id="tspan4418"></tspan></text>
    <text id="text4420" y="209.85194" x="231.97949" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" xml:space="preserve"><tspan y="209.85194" x="231.97949" id="tspan4422">ぐいぐい動きます</tspan></text>
    <g transform="translate(-6.9463852,24.543894)" id="text4436" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
      <path id="path7885" d="m 271.9437,528.9491 q 0,0.21972 -0.20752,0.21972 l -3.4668,-0.0488 -7.22656,0 -3.47901,0.0488 q -0.19531,0 -0.19531,-0.21972 l 0.0488,-2.27051 0,-3.00293 -0.0488,-2.28272 q 0,-0.19531 0.19531,-0.19531 l 3.47901,0.0488 7.22656,0 3.4668,-0.0488 q 0.20752,0 0.20752,0.19531 l -0.0488,2.28272 0,3.00293 0.0488,2.27051 z m -1.50147,-1.04981 0,-2.12402 -11.58447,0 0,2.12402 11.58447,0 z m 0,-3.34472 0,-2.03858 -11.58447,0 0,2.03858 11.58447,0 z m 5.48096,15.57617 q -0.30518,0.46386 -0.42725,1.0498 -0.0732,0.40283 -0.15869,0.47608 -0.0732,0.061 -0.41504,0.0977 -2.2583,0.19531 -5.34668,0.19531 -3.4668,0 -5.46875,-0.5249 -1.75781,-0.47607 -3.11279,-1.52588 -1.42822,-1.11084 -2.19727,-2.17285 -1.29394,2.53906 -3.479,4.26026 -0.25635,0.21972 -0.37842,0.21972 -0.0855,0 -0.3418,-0.30517 -0.40283,-0.43946 -0.8789,-0.67139 3.46679,-2.36816 4.62646,-6.23779 0.24414,-0.74463 0.24414,-1.36719 0.81787,0.20752 1.45264,0.42725 0.30518,0.0976 0.30518,0.26855 0,0.1709 -0.23194,0.354 -0.14648,0.14649 -0.36621,0.79346 -0.0488,0.12207 -0.19531,0.5249 -0.0977,0.26856 -0.15869,0.42725 0.708,1.2085 2.17285,2.2583 1.02539,0.80566 2.4292,1.24512 l 0,-7.59278 -6.82373,0 -3.25928,0.0488 q -0.1709,0 -0.1709,-0.19531 l 0,-1.06201 q 0,-0.19531 0.1709,-0.19531 l 3.25928,0.0488 15.02685,0 3.24707,-0.0488 q 0.19532,0 0.19532,0.19531 l 0,1.06201 q 0,0.19531 -0.19532,0.19531 l -3.24707,-0.0488 -6.70166,0 0,2.99073 4.34571,0 2.77099,-0.0488 q 0.20752,0 0.20752,0.19531 l 0,1.0376 q 0,0.19531 -0.20752,0.19531 l -2.77099,-0.0488 -4.34571,0 0,3.62549 q 1.50147,0.24414 3.86963,0.24414 3.68652,0 6.55518,-0.39062 z"></path>
      <path id="path7887" d="m 289.87582,532.63562 q -0.10986,0.3418 -0.15869,0.8667 -0.0122,0.41504 -0.0854,0.50049 -0.061,0.0732 -0.39062,0.1831 -0.25635,0.0854 -1.62354,0.54932 -0.1709,1.02539 -0.57373,2.09961 -1.25732,3.54004 -5.24902,5.60303 -0.40283,0.14648 -0.42725,0.14648 -0.15869,0 -0.37841,-0.354 -0.29297,-0.45166 -0.84229,-0.76905 2.34375,-0.93994 3.6499,-2.22168 1.14746,-1.12304 1.79444,-2.7832 0.19531,-0.48828 0.40283,-1.2207 -2.66113,0.78125 -5.0293,1.36719 -1.13525,0.30517 -1.26953,0.40283 -0.23193,0.1709 -0.354,0.1709 -0.18311,0 -0.29297,-0.35401 -0.20752,-0.53711 -0.37842,-1.36719 0.95215,-0.0732 2.05078,-0.29296 2.9419,-0.62256 5.54199,-1.40381 0.14649,-0.93994 0.23194,-3.07617 l -3.8208,0 -2.47803,0.0488 q -0.20752,0 -0.20752,-0.19531 l 0,-1.08643 q 0,-0.19531 0.20752,-0.19531 l 2.47803,0.0488 3.84521,0 0,-3.27148 -4.32129,0 -2.64892,0.0488 q -0.20752,0 -0.20752,-0.19531 l 0,-1.11084 q 0,-0.19531 0.20752,-0.19531 l 2.64892,0.0488 4.32129,0 0,-0.35401 q 0,-2.77099 -0.19531,-3.96728 0.78125,0.0244 1.62353,0.12207 0.35401,0.0366 0.35401,0.24414 0,0.0244 -0.15869,0.47607 -0.14649,0.48828 -0.14649,2.97852 l 0,4.43115 q 0,3.03955 -0.14648,4.72412 0.0366,-0.0122 2.02636,-0.64697 z m 10.80323,3.60107 q 0,0.19532 -0.20752,0.19532 l -2.74658,-0.0488 -4.69971,0 0,1.50146 0.0488,4.29688 q 0,0.20752 -0.19532,0.20752 l -1.18408,0 q -0.19531,0 -0.19531,-0.20752 l 0.0488,-4.27246 0,-14.20899 q 0,-2.30713 -0.1709,-3.44238 0.89111,0.0244 1.62353,0.14648 0.30518,0.0366 0.30518,0.19532 0,0.1831 -0.0977,0.45166 -0.1831,0.5249 -0.1831,2.57568 l 0,1.00098 4.39453,0 2.68555,-0.0488 q 0.19531,0 0.19531,0.19531 l 0,1.11084 q 0,0.19531 -0.19531,0.19531 l -2.68555,-0.0488 -4.39453,0 0,3.60107 3.86963,0 2.52685,-0.0488 q 0.20752,0 0.20752,0.19531 l 0,1.08643 q 0,0.19531 -0.20752,0.19531 l -2.52685,-0.0488 -3.86963,0 0,3.96729 4.69971,0 2.74658,-0.0488 q 0.20752,0 0.20752,0.19531 l 0,1.11084 z"></path>
      <path id="path7889" d="m 308.63803,524.89636 0,-4.04053 1.72119,0 0,3.94288 q 2.69776,-0.1709 4.62647,-0.39063 l 0,1.62354 q -2.18506,0.21972 -4.62647,0.36621 l 0,4.83398 q 2.63672,-0.85449 4.72412,-0.85449 3.17383,0 4.60205,2.0874 0.95215,1.3916 0.95215,3.38135 0,3.40576 -2.31933,4.62646 -1.58692,0.83008 -4.83399,0.83008 l 0,-1.59912 q 2.72217,0 3.86963,-0.79346 1.3794,-0.93994 1.3794,-3.25927 0,-1.61133 -1.07422,-2.72217 -0.96436,-1.00098 -2.29492,-1.00098 -2.56348,0 -5.00489,0.95215 l 0,6.44531 q 0,1.26953 -0.48828,1.78223 -0.45166,0.46387 -1.40381,0.46387 -1.0376,0 -2.12402,-0.67139 -2.40479,-1.52588 -2.40479,-3.62549 0,-3.10058 4.69971,-5.44433 l 0,-5.35889 q -1.45264,0.0854 -4.3457,0.13428 l 0,-1.59912 q 2.34375,0 4.3457,-0.10987 z m 0,8.75244 q -1.63574,0.97657 -2.33154,1.81885 -0.6958,0.83008 -0.6958,1.75781 0,0.73243 0.59814,1.35498 0.47608,0.5127 1.23291,0.81788 0.37842,0.1831 0.6958,0.1831 0.50049,0 0.50049,-0.83008 l 0,-5.10254 z m 6.97022,-10.0708 1.07421,-1.30615 q 3.2959,2.03857 5.0293,3.97949 l -1.2207,1.3794 q -2.14844,-2.45362 -4.88281,-4.05274 z"></path>
      <path id="path7891" d="m 346.88266,537.43298 q -0.24414,2.49024 -0.83008,3.50342 -0.51269,0.90332 -1.44043,0.90332 -2.01416,0 -3.33252,-4.77295 -1.11084,-4.06494 -1.3916,-10.60791 l -3.479,0 -3.34473,0.0488 q -0.20752,0 -0.20752,-0.19531 l 0,-1.08643 q 0,-0.19531 0.20752,-0.19531 l 3.34473,0.0488 3.43017,0 q -0.0366,-0.59815 -0.0366,-1.85547 0,-2.27051 -0.14648,-3.07617 1.0376,0.0855 1.55029,0.15869 0.354,0.0732 0.354,0.24414 0,0.12207 -0.14648,0.47607 -0.15869,0.32959 -0.15869,1.9043 0,1.45264 0.0244,2.14844 l 1.28174,0 3.34473,-0.0488 q 0.20752,0 0.20752,0.19531 l 0,1.08643 q 0,0.19531 -0.20752,0.19531 l -3.34473,-0.0488 -1.23291,0 q 0.28076,5.85938 1.28174,9.92432 0.45166,1.81885 1.02539,2.7832 0.48828,0.84229 0.95215,0.84229 0.90332,0 1.0498,-3.93067 0.43946,0.40283 0.8667,0.61035 0.40283,0.18311 0.40283,0.43946 0,0.0855 -0.0244,0.30517 z m -15.36865,4.54102 q 0,0.19531 -0.20752,0.19531 l -1.00098,0 q -0.19531,0 -0.19531,-0.19531 l 0,-0.95215 -3.67432,0 0,1.40381 q 0,0.19531 -0.19531,0.19531 l -1.00098,0 q -0.23193,0 -0.23193,-0.19531 l 0.0488,-3.67432 0,-1.50146 -0.0488,-2.22168 q 0,-0.1709 0.21973,-0.1709 l 2.13623,0.0488 1.79443,0 2.16065,-0.0488 q 0.19531,0 0.19531,0.1709 l -0.0488,1.79443 0,1.52588 0.0488,3.62549 z m -1.40381,-2.17285 0,-3.67432 -3.67432,0 0,3.67432 3.67432,0 z m 9.729,-3.74756 q -0.0488,0.24414 -0.0976,0.85449 -0.0244,0.40283 -0.0977,0.48828 -0.061,0.0855 -0.37842,0.20752 -2.40478,0.93994 -5.27344,1.74561 -0.80566,0.24414 -0.8789,0.30517 -0.19531,0.14649 -0.32959,0.14649 -0.1709,0 -0.26856,-0.21973 -0.23193,-0.59814 -0.37841,-1.42822 1.0498,-0.0977 2.29492,-0.42725 l 0.83008,-0.19531 0,-6.34766 -0.40284,0 -2.05078,0.0488 q -0.19531,0 -0.19531,-0.23193 l 0,-0.97656 q 0,-0.19532 0.19531,-0.19532 l 2.05078,0.0488 1.87989,0 2.07519,-0.0488 q 0.19531,0 0.19531,0.19532 l 0,0.97656 q 0,0.23193 -0.19531,0.23193 l -2.07519,-0.0488 -0.0488,0 0,5.94483 q 1.34277,-0.39063 3.14941,-1.07422 z m -7.60498,-10.11963 q 0,0.19531 -0.19531,0.19531 l -2.6001,-0.0488 -2.73437,0 -2.6001,0.0488 q -0.1709,0 -0.1709,-0.19531 l 0,-1.06201 q 0,-0.19531 0.1709,-0.19531 l 2.6001,0.0488 2.73437,0 2.6001,-0.0488 q 0.19531,0 0.19531,0.19531 l 0,1.06201 z m -0.54931,-3.40576 q 0,0.19531 -0.20752,0.19531 l -2.17286,-0.0488 -1.89208,0 -2.18506,0.0488 q -0.19532,0 -0.19532,-0.19531 l 0,-1.00098 q 0,-0.19531 0.19532,-0.19531 l 2.18506,0.0488 1.89208,0 2.17286,-0.0488 q 0.20752,0 0.20752,0.19531 l 0,1.00098 z m -0.37842,10.0708 q 0,0.20752 -0.19531,0.20752 l -2.02637,-0.0488 -1.67236,0 -2.02637,0.0488 q -0.20752,0 -0.20752,-0.20752 l 0,-0.97656 q 0,-0.19532 0.20752,-0.19532 l 2.02637,0.0488 1.67236,0 2.02637,-0.0488 q 0.19531,0 0.19531,0.19532 l 0,0.97656 z m 0,-3.34473 q 0,0.20752 -0.19531,0.20752 l -2.02637,-0.0488 -1.67236,0 -2.02637,0.0488 q -0.20752,0 -0.20752,-0.20752 l 0,-0.97656 q 0,-0.19531 0.20752,-0.19531 l 2.02637,0.0488 1.67236,0 2.02637,-0.0488 q 0.19531,0 0.19531,0.19531 l 0,0.97656 z m 14.14795,-5.7251 q 0.061,0.0854 0.061,0.14649 0,0.0855 -0.28076,0.25635 l -0.5249,0.29297 q -0.24414,0.13427 -0.29297,0.13427 -0.0488,0 -0.13428,-0.15869 -0.6958,-1.34277 -1.81885,-2.55127 -0.0854,-0.0854 -0.0854,-0.13428 0,-0.0732 0.23193,-0.20751 l 0.50049,-0.28077 q 0.1831,-0.10986 0.24414,-0.10986 0.061,0 0.1831,0.10986 1.06202,1.02539 1.91651,2.50244 z"></path>
      <path id="path7893" d="m 350.71567,521.09998 1.86767,0 q -0.42724,12.84179 -0.42724,15.47851 0,2.05078 0.81787,2.81983 0.79346,0.75683 2.75879,0.75683 2.74658,0 4.35791,-1.68457 1.50146,-1.58691 2.17285,-4.77295 l 1.69678,0.85449 q -1.66016,7.27539 -8.17871,7.27539 -3.10059,0 -4.28467,-1.28173 -1.08643,-1.15967 -1.08643,-3.84522 0,-1.36719 0.10987,-6.70166 0.14648,-6.45752 0.19531,-8.89892 z"></path>
      <path id="path7895" d="m 376.55795,532.97742 0,4.94384 -1.67236,0 0,-4.1748 q -0.57373,0.29297 -1.18408,0.63477 -3.19824,1.80664 -3.19824,3.62548 0,1.24512 1.12304,1.68457 1.06201,0.41504 3.71094,0.41504 2.62451,0 6.09131,-0.30517 l 0.0732,1.69677 q -4.55322,0.23194 -6.04248,0.23194 -3.91846,0 -5.29785,-0.91553 -1.25733,-0.83008 -1.25733,-2.85644 0,-2.61231 3.35694,-4.55323 1.26953,-0.72021 2.6001,-1.37939 -0.12207,-2.34375 -1.62354,-2.34375 -2.09961,0 -5.76172,4.22363 l -1.29394,-1.14746 q 3.25927,-3.43018 5.17578,-7.38525 -2.28272,0.0366 -4.57764,0 l 0,-1.52588 q 2.63672,0.0488 5.27344,0 0.64697,-1.48926 1.12305,-3.34473 l 1.80664,0.32959 q -0.29297,1.09863 -1.04981,2.9419 3.51563,-0.10987 6.67725,-0.42725 l 0.0488,1.52588 q -4.10157,0.32959 -7.39747,0.42724 -0.86669,1.79444 -2.0996,3.55225 l -0.63477,0.64697 0.0732,0.0977 q 1.42822,-1.26953 2.97852,-1.26953 1.2207,0 1.98974,0.75683 0.76905,0.75684 0.93994,2.17286 1.95313,-0.89112 5.07813,-2.20948 l 0.6958,1.70899 q -4.06494,1.48926 -5.7251,2.22168 z"></path>
      <path id="path7897" d="m 397.60287,521.45398 -0.57373,14.2456 -1.59912,0 -0.47607,-14.2456 2.64892,0 z m 0.0244,17.10205 0,2.67334 -2.72217,0 0,-2.67334 2.72217,0 z"></path>
      <path id="path7899" d="m 422.60287,521.45398 -0.57373,14.2456 -1.59912,0 -0.47607,-14.2456 2.64892,0 z m 0.0244,17.10205 0,2.67334 -2.72217,0 0,-2.67334 2.72217,0 z"></path>
    </g>
    <g transform="matrix(0.13019056,0,0,0.13019056,539.4095,394.83856)" id="g4528">
      <path style="fill:#61dfe5" d="M 107.562,72.255 C 195.327,-1.843 326.564,9.232 400.662,97.004" id="path4456"></path>
      <path style="fill:#f47b29" d="m 410.115,108.221 c -6.183,5.222 -15.455,4.45 -20.685,-1.757 -68.766,-81.432 -190.952,-91.75 -272.4,-22.985 -6.183,5.23 -15.47,4.443 -20.693,-1.749 -5.215,-6.183 -4.427,-15.462 1.757,-20.685 93.807,-79.225 234.583,-67.33 313.77,26.484 5.23,6.199 4.442,15.462 -1.749,20.692 z" id="path4458"></path>
      <path style="fill:#f2b02a" d="m 75.811,35.242 c -3.174,2.678 -5.333,6.577 -5.687,11.075 l -5.27,62.59 62.582,5.309 c 8.932,0.74 16.786,-5.9 17.534,-14.809 0.772,-8.964 -5.845,-16.801 -14.785,-17.55 l -30.263,-2.56 2.513,-30.263 c 0.78,-8.948 -5.845,-16.786 -14.801,-17.526 -4.459,-0.402 -8.641,1.056 -11.823,3.734 z" id="path4460"></path>
      <path style="fill:#f47b29" d="M 144.718,97.107 84.822,92.058 89.879,32.146 c 7.704,1.812 13.273,8.743 12.572,16.904 l -2.513,30.263 30.263,2.56 c 8.137,0.701 14.021,7.341 14.517,15.234 z" id="path4462"></path>
      <circle style="fill:#61dfe5" cx="433.46201" cy="133.924" r="15.911" id="circle4464"></circle>
      <path style="fill:#0eacc1" d="m 423.191,121.762 c 6.711,-5.656 16.723,-4.813 22.41,1.906 5.648,6.711 4.805,16.731 -1.898,22.402" id="path4466"></path>
      <path style="fill:#61dfe5" d="M 157.305,446.898 C 48.265,410.798 -10.875,293.133 25.233,184.084" id="path4468"></path>
      <path style="fill:#f47b29" d="m 29.857,170.166 c 7.68,2.528 11.871,10.847 9.318,18.542 -33.485,101.179 21.567,210.77 122.77,244.263 7.68,2.529 11.871,10.854 9.334,18.55 -2.56,7.672 -10.87,11.847 -18.59,9.311 C 36.142,422.259 -27.29,296.031 11.306,179.468 c 2.537,-7.688 10.855,-11.855 18.551,-9.302 z" id="path4470"></path>
      <path style="fill:#f2b02a" d="m 142.363,493.332 c 3.931,1.284 8.373,1.095 12.422,-0.945 l 56.092,-28.215 -28.16,-56.147 c -4.057,-8.003 -13.824,-11.232 -21.795,-7.192 -8.042,4.009 -11.28,13.745 -7.247,21.756 l 13.627,27.144 -27.105,13.667 c -8.027,4.017 -11.248,13.761 -7.215,21.788 1.984,4.009 5.419,6.813 9.381,8.144 z" id="path4472"></path>
      <path style="fill:#f47b29" d="m 159.07,402.228 27.018,53.721 -53.705,27.002 c -2.497,-7.507 0.52,-15.888 7.822,-19.551 l 27.104,-13.666 -13.627,-27.144 c -3.655,-7.318 -1.079,-15.81 5.388,-20.362 z" id="path4474"></path>
      <path style="fill:#61dfe5" d="m 24.492,131.844 c 2.757,-8.334 11.752,-12.863 20.07,-10.106 8.357,2.765 12.879,11.752 10.13,20.118 C 51.919,150.19 42.9,154.695 34.566,151.938 26.241,149.166 21.72,140.194 24.492,131.844 Z" id="path4476"></path>
      <path style="fill:#0eacc1" d="M 34.567,151.938 C 26.233,149.165 21.72,140.201 24.492,131.844 27.249,123.51 36.244,118.981 44.562,121.738" id="path4478"></path>
      <path style="fill:#61dfe5" d="M 455.935,228.029 C 476.344,341.086 401.238,449.26 288.196,469.654" id="path4480"></path>
      <path style="fill:#f47b29" d="m 273.766,472.246 c -1.465,-7.971 3.836,-15.612 11.815,-17.061 104.873,-18.92 174.844,-119.643 155.908,-224.563 -1.434,-7.948 3.868,-15.62 11.847,-17.061 7.964,-1.418 15.596,3.899 17.03,11.871 21.827,120.816 -58.754,236.867 -179.586,258.662 -7.948,1.424 -15.597,-3.877 -17.014,-11.848 z" id="path4482"></path>
      <path style="fill:#f2b02a" d="m 503.858,218.995 c -0.733,-4.088 -3.033,-7.885 -6.735,-10.468 l -51.617,-35.793 -35.864,51.57 c -5.073,7.381 -3.261,17.51 4.104,22.567 7.365,5.152 17.455,3.332 22.567,-4.033 l 17.329,-24.946 24.962,17.282 c 7.373,5.128 17.455,3.316 22.575,-4.088 2.601,-3.639 3.42,-7.988 2.679,-12.091 z" id="path4484"></path>
      <path style="fill:#f47b29" d="m 415.857,247.832 34.296,-49.404 49.38,34.296 c -5.411,5.782 -14.202,7.121 -20.913,2.458 L 453.659,217.9 436.33,242.846 c -4.695,6.703 -13.376,8.507 -20.473,4.986 z" id="path4486"></path>
      <path style="fill:#61dfe5" d="m 242.667,495.262 c -8.649,1.56 -16.92,-4.167 -18.479,-12.8 -1.568,-8.665 4.175,-16.935 12.816,-18.519 8.641,-1.536 16.912,4.222 18.479,12.855 1.552,8.657 -4.159,16.904 -12.816,18.464 z" id="path4488"></path>
      <path style="fill:#0eacc1" d="m 255.483,476.798 c 1.552,8.657 -4.159,16.904 -12.816,18.464 -8.649,1.56 -16.92,-4.167 -18.479,-12.8" id="path4490"></path>
      <g id="g4492"></g>
      <g id="g4494"></g>
      <g id="g4496"></g>
      <g id="g4498"></g>
      <g id="g4500"></g>
      <g id="g4502"></g>
      <g id="g4504"></g>
      <g id="g4506"></g>
      <g id="g4508"></g>
      <g id="g4510"></g>
      <g id="g4512"></g>
      <g id="g4514"></g>
      <g id="g4516"></g>
      <g id="g4518"></g>
      <g id="g4520"></g>
    </g>
    <g transform="translate(0,14)" id="text4216" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
      <path id="path7902" d="m 296.90628,295.67584 q 0,0.19531 -0.19531,0.19531 l -2.47803,-0.0488 q 0.93994,2.29492 2.62451,4.47998 -0.34179,0.26855 -0.67138,0.89111 -0.14649,0.30518 -0.24414,0.30518 -0.0855,0 -0.20752,-0.26856 -1.41602,-2.7832 -1.89209,-4.35791 0.0122,4.3335 0.10986,9.27735 0.0244,0.97656 0.061,2.79541 0.0244,0.78125 0.0244,0.90332 0,0.19531 -0.19531,0.19531 l -1.2085,0 q -0.19531,0 -0.19531,-0.19531 0.20752,-4.3335 0.26855,-12.76856 -1.13525,3.68652 -3.52783,7.42188 -0.13428,0.24414 -0.26855,0.24414 -0.10987,0 -0.25635,-0.31739 -0.20752,-0.51269 -0.67139,-0.83007 2.66113,-3.43018 4.19922,-7.77588 l -0.95215,0 -2.57568,0.0488 q -0.19532,0 -0.19532,-0.19531 l 0,-1.00097 q 0,-0.19532 0.19532,-0.19532 l 2.57568,0.0488 1.33057,0 0,-3.80859 q -1.18408,0.36621 -2.38037,0.61035 -0.24414,0.0366 -0.30518,0.0366 -0.1831,0 -0.41504,-0.41504 -0.31738,-0.50049 -0.59814,-0.73242 3.24707,-0.5127 5.65185,-1.64795 0.53711,-0.23193 1.02539,-0.67139 0.6958,0.54932 0.97657,0.83008 0.19531,0.19531 0.19531,0.36621 0,0.20752 -0.37842,0.25635 -0.29297,0.0366 -0.67139,0.21973 -0.8667,0.40283 -1.67236,0.67138 l 0,4.28467 0.14648,0 2.57569,-0.0488 q 0.19531,0 0.19531,0.19532 l 0,1.00097 z m 13.83057,4.15039 q 0,0.25635 -0.20752,0.3418 -0.26856,0.13428 -0.59815,0.63477 -2.16064,3.72314 -5.3833,5.87158 -3.02734,2.01416 -7.71484,3.17383 -0.28076,0.0732 -0.35401,0.0732 -0.15869,0 -0.37841,-0.42725 -0.19532,-0.37842 -0.62256,-0.79346 5.33447,-1.07421 8.52051,-3.3081 -1.17188,-1.17188 -2.58789,-2.00195 -0.12208,-0.061 -0.12208,-0.13428 0,-0.0855 0.19532,-0.25635 l 0.47607,-0.45166 q 0.14649,-0.14648 0.21973,-0.14648 0.061,0 0.14648,0.0488 1.5625,0.87891 2.83203,2.0752 2.05078,-1.70898 3.51563,-4.45557 l -5.27344,0 q -2.28271,2.40479 -5.41992,4.07715 -0.26856,0.14649 -0.354,0.14649 -0.0977,0 -0.3418,-0.35401 -0.30518,-0.41504 -0.73242,-0.6958 4.62646,-2.11181 7.17773,-5.61523 0.39063,-0.5127 0.54932,-1.07422 0.96435,0.23193 1.41601,0.41504 0.20752,0.0732 0.20752,0.30517 0,0.13428 -0.23193,0.26856 -0.28076,0.13428 -0.64697,0.63476 l -0.54932,0.67139 4.30908,0 q 0.45166,0 0.59815,-0.0732 0.14648,-0.0732 0.24414,-0.0732 0.20752,0 0.708,0.5249 0.40284,0.43945 0.40284,0.59814 z m -1.40381,-9.2041 q 0,0.21973 -0.23194,0.31738 -0.21972,0.0977 -0.59814,0.62256 -1.98975,3.07617 -4.60205,4.94385 -2.34375,1.68457 -6.04248,3.03955 -0.29297,0.0977 -0.354,0.0977 -0.12208,0 -0.35401,-0.40283 -0.25635,-0.43946 -0.67139,-0.76905 3.79639,-1.12304 6.29883,-2.80761 -1.07422,-1.0376 -2.53906,-1.91651 -0.0977,-0.0732 -0.0977,-0.13428 0,-0.0732 0.1587,-0.24414 l 0.47607,-0.47607 q 0.14648,-0.14649 0.21973,-0.14649 0.0488,0 0.13427,0.0366 1.59912,0.8667 2.79541,2.03857 1.98975,-1.62354 3.35694,-3.97949 l -5.34668,0 q -1.5503,1.68457 -3.93067,3.14941 -0.28076,0.19531 -0.354,0.19531 -0.0732,0 -0.3418,-0.34179 -0.30517,-0.42725 -0.68359,-0.64698 3.56445,-1.97753 5.40771,-4.58984 0.35401,-0.59814 0.50049,-1.11084 0.80567,0.21973 1.41602,0.45166 0.23193,0.0732 0.23193,0.30518 -0.0244,0.10986 -0.25635,0.26855 -0.28076,0.14649 -0.59814,0.65918 l -0.37842,0.46387 4.47998,0 q 0.42725,0 0.57373,-0.0732 0.0977,-0.0488 0.20752,-0.0488 0.25635,0 0.6958,0.47607 0.42725,0.41504 0.42725,0.62256 z"></path>
      <path id="path7904" d="m 315.71732,289.57233 q 3.3081,-0.0244 10.16845,-0.35401 l 1.04981,1.30616 q -4.87061,4.94384 -7.72705,7.42187 l -1.12305,0.97656 0.0977,0.0732 1.28173,-0.86669 q 1.96534,-0.95215 3.52784,-0.95215 3.14941,0 4.83398,1.78222 1.44043,1.51368 1.44043,3.94287 0,3.38135 -2.28271,5.07813 -2.03858,1.51367 -5.74952,1.51367 -4.89502,0 -4.89502,-3.32031 0,-1.46484 1.04981,-2.34375 0.97656,-0.80566 2.55127,-0.80566 1.94092,0 3.17383,1.34277 1.02539,1.12305 1.40381,3.00293 1.5625,-0.64697 2.24609,-1.74561 0.64697,-1.06201 0.64697,-2.74658 0,-2.14844 -1.55029,-3.34473 -1.23291,-0.93994 -2.97852,-0.93994 -3.36914,0 -6.04248,2.4292 -1.0498,0.95215 -2.07519,2.17285 l -1.47705,-1.19629 q 5.98144,-6.15234 10.9497,-11.20605 -3.58886,0.26855 -8.5205,0.40283 l 0,-1.62353 z m 7.04345,18.29834 q -0.31738,-1.63575 -1.11084,-2.55127 -0.74463,-0.84229 -1.75781,-0.84229 -0.87891,0 -1.44043,0.53711 -0.48828,0.46387 -0.48828,1.11084 0,1.02539 0.83008,1.47705 0.75683,0.40283 2.31933,0.40283 0.78125,0 1.64795,-0.13427 z"></path>
    </g>
    <path id="path4220" d="m 363.4686,312.94941 27.6001,-0.034" style="opacity:1;fill:#4d4d4d;fill-rule:evenodd;stroke:none;stroke-width:6.53441;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5078)"></path>
    <path id="path4220-9" d="m 311.71972,262.29877 0.097,10.23053" style="opacity:1;fill:#4d4d4d;fill-rule:evenodd;stroke:none;stroke-width:6.53441;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker5078-6)"></path>
    <g id="text7845" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" transform="matrix(0,-1,1,0,0,24)">
      <path id="path7878" d="m -428.51584,356.30109 q 0.0244,0.061 0.0244,0.10986 0,0.10986 -0.26856,0.21973 l -0.57373,0.23193 q -0.23193,0.0854 -0.28076,0.0854 -0.0855,0 -0.12207,-0.15869 -0.12207,-0.47608 -0.42725,-1.42822 -0.64697,0.0854 -2.19726,0.24414 l 0,6.70166 0.0488,3.6499 q 0,0.1709 -0.19531,0.1709 l -1.13525,0 q -0.19531,0 -0.19531,-0.1709 l 0.0488,-3.6499 0,-6.57959 q -0.80566,0.0977 -2.57568,0.20752 -0.62256,0.0244 -0.95215,0.21972 -0.1709,0.0977 -0.29297,0.0977 -0.19531,0 -0.28076,-0.31738 -0.13428,-0.65918 -0.21973,-1.3794 0.6836,0.061 1.17188,0.061 0.21973,0 0.47607,-0.0122 l 0.29297,0 q 1.15967,-1.48926 1.87989,-2.62451 -1.5625,-1.92871 -3.74756,-3.86963 -0.0977,-0.0977 -0.0977,-0.15869 0,-0.0733 0.19531,-0.29297 l 0.40284,-0.45166 q 0.17089,-0.19531 0.24414,-0.19531 0.061,0 0.12207,0.0732 l 1.00097,0.95215 q 0.97657,-1.50147 1.85547,-3.17383 0.36621,-0.70801 0.47608,-1.33057 0.73242,0.24414 1.33056,0.59815 0.26856,0.17089 0.26856,0.30517 0,0.1709 -0.19532,0.29297 -0.25634,0.14649 -0.58593,0.70801 -1.3794,2.27051 -2.2461,3.49121 0.89112,0.89111 1.75782,1.9043 0.72021,-1.13526 1.86767,-3.125 0.5249,-0.89112 0.70801,-1.67237 0.59814,0.23194 1.37939,0.67139 0.21973,0.14648 0.21973,0.30518 0,0.13427 -0.21973,0.31738 -0.39062,0.31738 -0.8789,1.09863 -2.30713,3.66211 -4.18701,6.10352 2.2583,-0.0854 4.05273,-0.24414 -0.28076,-0.73243 -0.84229,-1.80664 -0.0488,-0.0733 -0.0488,-0.10987 0,-0.0855 0.24414,-0.1831 l 0.62256,-0.25635 q 0.13427,-0.0488 0.1831,-0.0488 0.061,0 0.12207,0.12207 0.91553,1.57471 1.77002,4.29688 z m 13.25684,8.38623 q -0.46387,0.34179 -0.75684,0.89111 -0.21973,0.40283 -0.354,0.40283 -0.10987,0 -0.36621,-0.14648 -3.54004,-1.84326 -5.83496,-4.47998 -2.40479,2.74658 -6.29883,4.57763 -0.28076,0.12207 -0.39063,0.12207 -0.1709,0 -0.37842,-0.354 -0.29296,-0.48828 -0.72021,-0.76904 4.26025,-1.66016 6.87256,-4.69971 -1.50147,-1.98975 -2.7832,-4.91943 -0.0366,-0.0854 -0.0366,-0.12207 0,-0.0854 0.31739,-0.23194 l 0.62256,-0.30517 q 0.17089,-0.0854 0.23193,-0.0854 0.0855,0 0.14648,0.15869 1.01319,2.51465 2.39258,4.35791 0.8667,-1.24512 1.40381,-2.55127 0.47607,-1.13525 0.54932,-2.22168 0.90332,0.25635 1.3916,0.50049 0.30517,0.13428 0.30517,0.31738 0,0.0366 -0.26855,0.47608 -0.14649,0.21972 -0.50049,1.0498 -0.78125,1.92871 -1.95312,3.55225 2.50244,2.80761 6.40869,4.47998 z m -0.83008,-16.29639 q 0,0.19531 -0.19531,0.19531 l -3.28369,-0.0488 -5.67627,0 -3.22266,0.0488 q -0.21973,0 -0.21973,-0.19531 l 0,-1.0498 q 0,-0.20752 0.21973,-0.20752 l 3.22266,0.0488 1.87988,0 0,-0.89111 q 0,-1.83105 -0.1709,-2.67334 0.90332,0.0366 1.61133,0.14649 0.30517,0.0366 0.30517,0.19531 0,0.12207 -0.14648,0.47607 -0.12207,0.28076 -0.12207,1.85547 l 0,0.89111 2.31934,0 3.28369,-0.0488 q 0.19531,0 0.19531,0.20752 l 0,1.0498 z m 0.21973,5.7373 q -0.45166,0.41504 -0.72022,0.83008 -0.21973,0.32959 -0.32959,0.32959 -0.0855,0 -0.36621,-0.25634 -2.09961,-1.85547 -3.62549,-4.37012 -0.061,-0.0977 -0.061,-0.14649 0,-0.10986 0.28076,-0.28076 l 0.54931,-0.354 q 0.18311,-0.12207 0.26856,-0.12207 0.0732,0 0.15869,0.14648 1.53809,2.51465 3.84522,4.22363 z m -19.25049,3.9795 q 0,0.15869 -0.12207,0.32959 -0.1709,0.20752 -0.28076,0.91552 -0.30518,2.40479 -1.07422,4.57764 -0.10987,0.37842 -0.21973,0.37842 -0.0854,0 -0.40283,-0.19531 -0.39063,-0.26856 -0.8667,-0.37842 0.98877,-2.28272 1.24512,-4.60205 0.0854,-0.70801 0.0854,-1.19629 0,-0.18311 -0.0122,-0.35401 0.68359,0.0977 1.26953,0.26856 0.37842,0.10986 0.37842,0.25635 z m 10.97412,-7.51953 q 0,0.14648 -0.21973,0.29296 -0.15869,0.10987 -0.50049,0.64698 -1.37939,2.28271 -2.72216,3.56445 -0.26856,0.21973 -0.35401,0.21973 -0.0854,0 -0.26855,-0.23194 -0.31739,-0.40283 -0.75684,-0.64697 1.92871,-1.63574 2.9541,-3.77197 0.20752,-0.42725 0.31739,-0.95215 0.76904,0.28076 1.30615,0.57373 0.24414,0.12207 0.24414,0.30518 z m -4.56543,11.38916 q 0,0.0732 0,0.0855 0,0.14648 -0.28076,0.24414 l -0.59815,0.21972 q -0.20752,0.0854 -0.29297,0.0854 -0.10986,0 -0.13427,-0.19531 -0.30518,-2.28272 -1.04981,-4.28467 -0.0366,-0.0977 -0.0366,-0.14648 0,-0.0977 0.24414,-0.18311 l 0.57373,-0.19531 q 0.13428,-0.0488 0.19531,-0.0488 0.0854,0 0.14649,0.14649 0.74463,1.66015 1.23291,4.27246 z"></path>
      <path id="path7880" d="m -410.63254,345.70538 q 3.30811,-0.0244 10.16846,-0.354 l 1.0498,1.30615 q -4.8706,4.94385 -7.72705,7.42188 l -1.12304,0.97656 0.0976,0.0732 1.28174,-0.8667 q 1.96533,-0.95215 3.52783,-0.95215 3.14942,0 4.83399,1.78223 1.44043,1.51367 1.44043,3.94287 0,3.38135 -2.28272,5.07813 -2.03857,1.51367 -5.74951,1.51367 -4.89502,0 -4.89502,-3.32031 0,-1.46485 1.04981,-2.34375 0.97656,-0.80567 2.55126,-0.80567 1.94092,0 3.17383,1.34278 1.02539,1.12304 1.40381,3.00292 1.5625,-0.64697 2.2461,-1.7456 0.64697,-1.06201 0.64697,-2.74658 0,-2.14844 -1.55029,-3.34473 -1.23292,-0.93994 -2.97852,-0.93994 -3.36914,0 -6.04248,2.4292 -1.04981,0.95215 -2.0752,2.17285 l -1.47705,-1.19629 q 5.98145,-6.15234 10.94971,-11.20605 -3.58887,0.26855 -8.52051,0.40283 l 0,-1.62354 z m 7.04346,18.29834 q -0.31738,-1.63574 -1.11084,-2.55127 -0.74463,-0.84228 -1.75781,-0.84228 -0.87891,0 -1.44043,0.53711 -0.48828,0.46387 -0.48828,1.11084 0,1.02539 0.83007,1.47705 0.75684,0.40283 2.31934,0.40283 0.78125,0 1.64795,-0.13428 z"></path>
      <path id="path7882" d="m -381.55539,345.034 -0.57373,14.2456 -1.59912,0 -0.47608,-14.2456 2.64893,0 z m 0.0244,17.10205 0,2.67334 -2.72216,0 0,-2.67334 2.72216,0 z"></path>
    </g>
    <g id="text7849" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" transform="matrix(0,-1,1,0,0,24)">
      <path id="path7871" d="m -416.00253,306.34821 q -0.3418,0.30517 -0.59815,0.95214 -0.15869,0.40284 -0.32959,0.40284 -0.0854,0 -0.37842,-0.0733 -3.06396,-0.8789 -5.34667,-2.35595 -1.91651,1.51367 -4.77295,2.63672 -0.32959,0.12207 -0.40284,0.12207 -0.14648,0 -0.354,-0.37842 -0.23193,-0.43946 -0.64697,-0.72022 2.99072,-0.96435 5.02929,-2.47802 -1.64795,-1.33057 -2.83203,-3.05176 -1.41601,3.36914 -4.24804,6.05469 -0.29297,0.24414 -0.3418,0.24414 -0.10986,0 -0.32959,-0.30518 -0.29297,-0.37842 -0.78125,-0.64697 2.49023,-2.05078 3.85742,-4.56543 1.15967,-2.13623 1.67236,-4.89502 l -3.14941,0.0488 q -0.19531,0 -0.19531,-0.19532 l 0,-0.95214 q 0,-0.19532 0.19531,-0.19532 l 3.32031,0.0244 q 0.10987,-0.6958 0.20752,-2.00196 l -0.0488,0 -3.33252,0.0488 q -0.19531,0 -0.19531,-0.21972 l 0,-0.8667 q 0,-0.20752 0.19531,-0.20752 l 3.33252,0.0488 4.77295,0 q 0.92774,-1.5747 1.5503,-3.17382 0.29297,-0.74463 0.31738,-1.30616 0.75684,0.18311 1.42822,0.47608 0.28076,0.12207 0.28076,0.28076 0,0.10986 -0.21972,0.29297 -0.18311,0.15869 -0.32959,0.47607 -0.79346,1.62354 -1.5503,2.9541 l 2.99073,-0.0488 q 0.20752,0 0.20752,0.20752 l 0,0.8667 q 0,0.21972 -0.20752,0.21972 l -3.34473,-0.0488 -4.39453,0 q -0.0977,1.09864 -0.23193,2.00196 l 4.98046,0 3.36914,-0.0244 q 0.20752,0 0.20752,0.19532 l 0,0.95214 q 0,0.19532 -0.20752,0.19532 l -3.36914,-0.0488 -5.20019,0 q -0.18311,0.97656 -0.45166,2.01416 l 5.60303,0 q 0.26855,0 0.47607,-0.0977 0.14648,-0.0732 0.21973,-0.0732 0.24414,0 0.67138,0.50049 0.42725,0.46387 0.42725,0.64697 0,0.15869 -0.19531,0.28076 -0.24414,0.14649 -0.63477,0.76905 -1.02539,1.73339 -2.31933,3.02734 2.02636,1.11084 5.62744,1.98975 z m -4.40674,-5.92041 -5.41992,0 q 1.24511,1.9165 3.05175,3.17382 1.50147,-1.41601 2.36817,-3.17382 z m -9.97315,-2.30713 q 0.0244,0.061 0.0244,0.0976 0,0.0977 -0.29297,0.23194 l -0.50049,0.21972 q -0.19531,0.0854 -0.26855,0.0854 -0.0855,0 -0.13428,-0.20752 -0.14649,-0.74463 -0.24414,-1.09863 l -1.85547,0.19531 0,6.67725 0.0488,3.60107 q 0,0.20752 -0.21973,0.20752 l -1.08642,0 q -0.21973,0 -0.21973,-0.20752 l 0.0488,-3.60107 0,-6.54297 -2.31934,0.14648 q -0.70801,0.061 -0.97656,0.23194 -0.19531,0.0976 -0.28076,0.0976 -0.14649,0 -0.21973,-0.32959 -0.0244,-0.0976 -0.23193,-1.4038 0.61035,0.0854 1.29394,0.0854 0.26856,0 0.5127,-0.0122 0.93994,-1.25733 1.84326,-2.64893 -1.80664,-2.2583 -3.56445,-3.84521 -0.10987,-0.0977 -0.10987,-0.14649 0,-0.061 0.18311,-0.28076 l 0.41504,-0.50049 q 0.14648,-0.1831 0.21972,-0.1831 0.061,0 0.1587,0.10986 l 1.00097,0.97656 q 1.17188,-1.75781 1.97754,-3.45459 0.23193,-0.48828 0.354,-1.09863 0.6836,0.24414 1.31836,0.59814 0.25635,0.1709 0.25635,0.30518 0,0.13428 -0.21972,0.26856 -0.23194,0.19531 -0.70801,1.00097 -0.98877,1.67237 -2.09961,3.28369 0.83008,0.83008 1.62353,1.77002 0.78125,-1.17187 1.74561,-2.86865 0.65918,-1.18408 0.83008,-1.85547 0.78125,0.3418 1.28174,0.6958 0.24414,0.15869 0.24414,0.30518 0,0.1709 -0.19532,0.26855 -0.29297,0.1709 -0.83007,1.02539 -2.52686,3.93067 -4.22364,6.22559 2.39258,-0.0977 3.67432,-0.21973 -0.18311,-0.61035 -0.6958,-1.78222 -0.0366,-0.0855 -0.0366,-0.10987 0,-0.0366 0.23193,-0.15869 l 0.5249,-0.25635 q 0.19532,-0.0854 0.24414,-0.0854 0.0732,0 0.13428,0.14649 0.83008,1.77002 1.34277,4.04053 z m 12.92725,-11.21827 q 0,0.19532 -0.45166,0.19532 -0.32959,0 -0.84228,0.0977 -4.91944,0.93994 -10.15625,1.19629 -0.1587,0.0122 -0.24415,0.0122 -0.21972,0 -0.30517,-0.0977 -0.0488,-0.0732 -0.1709,-0.354 -0.20752,-0.48828 -0.50049,-0.83008 5.07813,-0.0244 9.69238,-1.00098 1.09864,-0.23193 1.68458,-0.57373 0.54931,0.37842 1.09863,0.97657 0.19531,0.19531 0.19531,0.37841 z m -18.79883,13.22022 q 0,0.0732 -0.12207,0.32959 -0.12207,0.20752 -0.1831,0.62256 -0.36621,2.7832 -1.07422,4.79736 -0.0977,0.37842 -0.21973,0.37842 -0.0732,0 -0.354,-0.19531 -0.30518,-0.24414 -0.8667,-0.40284 0.90332,-2.20947 1.17187,-4.72412 0.0488,-0.51269 0.0488,-0.80566 0,-0.24414 -0.0244,-0.5249 0.76904,0.0977 1.24511,0.25634 0.37842,0.12208 0.37842,0.26856 z m 5.87158,3.14941 q 0.0122,0.061 0.0122,0.0855 0,0.13428 -0.28076,0.24414 l -0.54932,0.19532 q -0.24414,0.0854 -0.31738,0.0854 -0.0854,0 -0.10986,-0.1587 -0.21973,-2.0874 -0.76905,-3.84521 -0.0244,-0.0977 -0.0244,-0.13428 0,-0.0732 0.26855,-0.1709 l 0.52491,-0.1709 q 0.15869,-0.0488 0.21972,-0.0488 0.0854,0 0.1587,0.14648 0.57373,1.61133 0.86669,3.77197 z m 7.58057,-11.87744 q 0.0122,0.061 0.0122,0.10987 0,0.0976 -0.24414,0.21972 l -0.62256,0.25635 q -0.23194,0.0977 -0.28076,0.0977 -0.0855,0 -0.14649,-0.18311 -0.31738,-1.18408 -1.09863,-2.57568 -0.0244,-0.061 -0.0244,-0.0977 0,-0.0732 0.30517,-0.21973 l 0.50049,-0.20752 q 0.18311,-0.061 0.25635,-0.061 0.0854,0 0.15869,0.12207 0.70801,1.07422 1.18408,2.53906 z m -3.88184,0.15869 q 0.0366,0.0855 0.0366,0.12207 0,0.10987 -0.28077,0.21973 l -0.59814,0.25635 q -0.24414,0.10986 -0.29297,0.10986 -0.0732,0 -0.13428,-0.15869 -0.46386,-1.3916 -1.15966,-2.47803 -0.0854,-0.0976 -0.0854,-0.14648 0,-0.0488 0.26855,-0.18311 l 0.54932,-0.24414 q 0.15869,-0.0854 0.23193,-0.0854 0.0854,0 0.1709,0.13428 0.61035,0.8667 1.29394,2.45361 z"></path>
      <path id="path7873" d="m -407.4332,291.29694 q -0.0488,2.75879 -0.0976,4.40673 0.34179,0.58594 0.43945,1.35498 0.0855,0.59815 0.0855,1.81885 0,2.4292 -1.42822,3.52783 -0.37842,0.83008 -0.37842,1.62354 0,0.80566 0.84228,1.14746 0.95215,0.40283 3.21045,0.40283 3.54004,0 4.72412,-0.96435 0.87891,-0.72022 0.87891,-2.39258 0,-1.83106 -0.90332,-4.57764 l 1.83105,0.15869 q 0.84229,2.01416 0.84229,4.79737 0,2.73437 -1.96533,3.77197 -1.67237,0.87891 -5.35889,0.87891 -3.25928,0 -4.61426,-0.81788 -1.20849,-0.72021 -1.20849,-2.23388 0,-0.56153 0.26855,-1.35498 -3.36914,-0.0366 -3.36914,-3.84522 0,-2.39258 1.11084,-3.56445 0.90332,-0.96436 2.44141,-0.96436 0.62256,0 0.92773,0.18311 0.0488,-2.45361 0.0488,-3.28369 -2.03857,0.10986 -4.3335,0.10986 l 0,-1.57471 q 2.53907,0.0366 4.35791,-0.061 0.0366,-1.95313 0.0732,-3.56445 l 1.72119,0 q -0.0488,1.23291 -0.0977,3.49121 2.31934,-0.13428 4.82178,-0.39063 l 0,1.5503 q -2.0752,0.24414 -4.87061,0.36621 z m -2.72216,4.65087 q -1.9043,0 -1.9043,3.00293 0,2.29493 1.77002,2.29493 0.93994,0 1.33056,-0.70801 0.32959,-0.58594 0.32959,-1.78223 0,-2.80762 -1.52587,-2.80762 z m 8.42285,-7.56835 1.2207,-1.09864 q 2.88086,2.22168 4.77295,4.74854 l -1.29395,1.29394 q -2.17285,-3.03955 -4.6997,-4.94384 z"></path>
      <path id="path7875" d="m -381.07822,286.92682 -0.57373,14.2456 -1.59912,0 -0.47607,-14.2456 2.64892,0 z m 0.0244,17.10205 0,2.67334 -2.72217,0 0,-2.67334 2.72217,0 z"></path>
    </g>
    <g transform="translate(0,14)" id="text7853" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
      <path id="path7912" d="m 596.95972,284.52097 q 0,0.17089 -0.19532,0.17089 l -3.22265,-0.0244 -0.45166,0 0,4.24805 0.0244,3.16162 q 0,0.83008 -0.14648,1.2207 -0.14649,0.37842 -0.50049,0.64697 -0.5249,0.40284 -3.23486,0.40284 -0.32959,0 -0.40284,-0.061 -0.0732,-0.061 -0.14648,-0.36621 -0.14648,-0.58594 -0.5249,-1.12305 1.17187,0.0977 2.23388,0.0977 0.73243,0 0.97657,-0.21973 0.21972,-0.20752 0.21972,-0.75683 l 0,-7.25098 -13.26904,0 -3.23486,0.0244 q -0.19532,0 -0.19532,-0.17089 l 0,-1.01319 q 0,-0.21972 0.19532,-0.21972 l 3.23486,0.0488 15.22217,0 3.22265,-0.0488 q 0.19532,0 0.19532,0.21972 l 0,1.01319 z m -9.64356,7.59277 q 0,0.20752 -0.20752,0.20752 l -1.0498,0 q -0.19531,0 -0.19531,-0.20752 l 0,-0.67139 -5.62745,0 0,1.09864 q 0,0.20751 -0.19531,0.20751 l -1.0498,0 q -0.23194,0 -0.23194,-0.20751 l 0.0488,-3.17383 0,-1.12305 -0.0488,-1.78223 q 0,-0.19531 0.21973,-0.19531 l 2.6123,0.0488 2.9419,0 2.58789,-0.0488 q 0.19531,0 0.19531,0.19531 l -0.0488,1.42823 0,1.23291 0.0488,2.99072 z m -1.45263,-1.86768 0,-2.75879 -5.62745,0 0,2.75879 5.62745,0 z m 8.70361,-8.53271 q -0.39063,0.3418 -0.59815,0.79346 -0.19531,0.41503 -0.37841,0.41503 -0.0733,0 -0.35401,-0.061 -2.91748,-0.54932 -4.6875,-1.47705 -1.78222,-0.91553 -3.03955,-2.47803 -0.8789,1.72119 -2.85644,2.70996 -1.61133,0.79346 -4.18702,1.22071 -0.20752,0.0366 -0.30517,0.0366 -0.20752,0 -0.45166,-0.46387 -0.20752,-0.37842 -0.57373,-0.67139 5.5664,-0.67138 7.00683,-3.07617 l -1.92871,0 -3.36914,0.0488 q -0.20752,0 -0.20752,-0.19531 l 0,-0.87891 q 0,-0.19531 0.20752,-0.19531 l 3.36914,0.0488 2.40479,0 q 0.13428,-0.72022 0.13428,-1.3794 0,-0.23193 -0.0122,-0.50049 0.8789,0.0732 1.41601,0.18311 0.35401,0.0732 0.35401,0.24414 0,0.10986 -0.14649,0.30517 -0.0244,0.0244 -0.32959,1.14747 l 3.52784,0 3.35693,-0.0488 q 0.19531,0 0.19531,0.19531 l 0,0.87891 q 0,0.19531 -0.19531,0.19531 l -3.35693,-0.0488 -2.69776,0 q 1.29395,1.33057 3.36914,2.0752 1.69678,0.61035 4.3335,0.97656 z m 1.45264,-3.03955 q 0,0.19531 -0.20752,0.19531 l -1.09864,0 q -0.19531,0 -0.19531,-0.19531 l 0,-3.56446 -17.27295,0 0,3.56446 q 0,0.19531 -0.19531,0.19531 l -1.09863,0 q -0.20752,0 -0.20752,-0.19531 l 0.0488,-2.61231 0,-0.80566 -0.0488,-1.26953 q 0,-0.19531 0.19531,-0.19531 l 3.45459,0.0488 5.52978,0 0,-0.46386 q 0,-1.01319 -0.1831,-1.68457 1.02539,0.0366 1.62353,0.10986 0.32959,0.0366 0.32959,0.19531 0,0.12207 -0.14648,0.47608 -0.12207,0.28076 -0.12207,0.97656 l 0,0.39062 5.94482,0 3.45459,-0.0488 q 0.19532,0 0.19532,0.19531 l -0.0488,1.14746 0,0.92773 0.0488,2.61231 z"></path>
      <path id="path7914" d="m 602.17212,273.79099 q 3.3081,-0.0244 10.16846,-0.35401 l 1.0498,1.30615 q -4.8706,4.94385 -7.72705,7.42188 l -1.12305,0.97656 0.0977,0.0732 1.28174,-0.8667 q 1.96533,-0.95214 3.52783,-0.95214 3.14941,0 4.83398,1.78222 1.44043,1.51367 1.44043,3.94287 0,3.38135 -2.28271,5.07813 -2.03858,1.51367 -5.74951,1.51367 -4.89502,0 -4.89502,-3.32031 0,-1.46485 1.0498,-2.34375 0.97656,-0.80567 2.55127,-0.80567 1.94092,0 3.17383,1.34278 1.02539,1.12304 1.40381,3.00293 1.5625,-0.64698 2.24609,-1.74561 0.64698,-1.06201 0.64698,-2.74658 0,-2.14844 -1.5503,-3.34473 -1.23291,-0.93994 -2.97851,-0.93994 -3.36914,0 -6.04248,2.4292 -1.04981,0.95215 -2.0752,2.17285 l -1.47705,-1.19629 q 5.98145,-6.15234 10.94971,-11.20605 -3.58887,0.26855 -8.52051,0.40283 l 0,-1.62353 z m 7.04346,18.29833 q -0.31739,-1.63574 -1.11084,-2.55126 -0.74463,-0.84229 -1.75782,-0.84229 -0.8789,0 -1.44043,0.53711 -0.48828,0.46387 -0.48828,1.11084 0,1.02539 0.83008,1.47705 0.75684,0.40283 2.31934,0.40283 0.78125,0 1.64795,-0.13428 z"></path>
    </g>
    <g transform="translate(0,14)" id="text7857" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1.16061175px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
      <path id="path7907" d="m 544.29148,284.10331 q -0.0181,0.0181 -0.0312,0.0419 -0.0102,0.0176 -0.0164,0.0176 -0.003,0 -0.0159,-0.006 -0.16605,-0.0691 -0.25729,-0.17001 -0.0805,-0.0901 -0.12354,-0.22611 l -0.12297,0 0,0.29128 q 0.11277,-0.03 0.21364,-0.0708 -0.005,0.017 -0.005,0.0442 0,0.0164 -0.003,0.0204 -0.002,0.004 -0.0153,0.008 -0.11901,0.0442 -0.26352,0.085 -0.0357,0.0102 -0.0408,0.0153 -0.007,0.007 -0.0136,0.007 -0.006,0 -0.0108,-0.0102 -0.0125,-0.0289 -0.0221,-0.0669 0.0521,-0.004 0.0918,-0.0136 l 0,-0.54403 -0.002,-0.16945 q 0,-0.009 0.009,-0.009 l 0.15245,0.002 0.20401,0 0.14054,-0.002 q 0.009,0 0.009,0.009 l -0.002,0.11618 0,0.16434 0.002,0.11731 q 0,0.008 -0.009,0.008 l -0.14054,-0.002 -0.10937,0 q 0.0346,0.0924 0.0861,0.15811 0.10087,-0.0663 0.15641,-0.12241 0.0181,-0.0176 0.0329,-0.0414 0.0232,0.0176 0.0499,0.0442 0.008,0.008 0.008,0.0136 0,0.007 -0.0153,0.0119 -0.003,5.7e-4 -0.0346,0.0255 -0.0759,0.0589 -0.15811,0.11108 0.0884,0.0833 0.25672,0.14167 z m -0.19268,-0.39896 0,-0.12184 -0.37459,0 0,0.12184 0.37459,0 z m 0,-0.17964 0,-0.11504 -0.37459,0 0,0.11504 0.37459,0 z m 0.22271,0.68968 q -0.0164,0.0215 -0.0221,0.0521 -0.003,0.0176 -0.007,0.021 -0.003,0.003 -0.0198,0.004 -0.22612,0.0142 -0.412,0.0142 -0.20571,0 -0.28562,-0.0385 -0.0708,-0.0323 -0.10824,-0.11447 -0.0516,0.055 -0.12524,0.11391 -0.0221,0.0181 -0.0244,0.0244 -0.005,0.0102 -0.0136,0.0102 -0.008,0 -0.0142,-0.009 -0.0193,-0.0317 -0.0334,-0.0629 0.0385,-0.0193 0.0708,-0.0419 0.0589,-0.0419 0.10768,-0.0935 l 0,-0.28789 -0.0861,0 -0.0799,0.002 q -0.0102,0 -0.0102,-0.0108 l 0,-0.0499 q 0,-0.009 0.0102,-0.009 l 0.0799,0.002 0.0629,0 0.0839,-0.002 q 0.009,0 0.009,0.009 l -0.002,0.10938 0,0.23801 q 0.0317,0.0816 0.0997,0.11335 0.064,0.03 0.23235,0.03 0.22951,0 0.48736,-0.0238 z m -0.82625,-0.71405 q 0.002,0.004 0.002,0.006 0,0.004 -0.0102,0.0125 l -0.0306,0.0221 q -0.007,0.006 -0.0125,0.006 -0.003,0 -0.01,-0.008 -0.0595,-0.0963 -0.12524,-0.16378 -0.004,-0.004 -0.004,-0.007 0,-0.004 0.01,-0.0108 l 0.0283,-0.0187 q 0.008,-0.005 0.0113,-0.005 0.003,0 0.007,0.003 0.0748,0.0748 0.13375,0.16378 z"></path>
      <path id="path7909" d="m 544.85761,283.33316 0.0742,0.051 q -0.17568,0.20344 -0.36325,0.38196 -0.0221,0.0204 -0.0221,0.0397 0,0.0187 0.0312,0.0425 0.19948,0.16264 0.40633,0.39046 l -0.072,0.0601 q -0.18531,-0.21648 -0.41653,-0.41993 -0.0385,-0.0329 -0.0385,-0.0697 0,-0.0385 0.03,-0.0686 0.19381,-0.19211 0.37062,-0.40746 z"></path>
    </g>
    <g transform="translate(0,24)" id="text7861" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;line-height:125%;font-family:'Yu Gothic UI';-inkscape-font-specification:'Yu Gothic UI, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1">
      <path id="path7866" d="m 483.56577,414.96283 q 0,0.19531 -0.19532,0.19531 l -1.11084,0 q -0.19531,0 -0.19531,-0.19531 l 0,-0.85449 -5.84717,0 0,0.85449 q 0,0.19531 -0.19531,0.19531 l -1.11084,0 q -0.19531,0 -0.19531,-0.19531 l 0.0488,-3.93066 0,-2.52686 -0.0488,-2.63672 q 0,-0.19531 0.19531,-0.19531 l 2.68555,0.0488 3.08838,0 2.68554,-0.0488 q 0.19532,0 0.19532,0.19531 l -0.0488,2.4292 0,2.73438 0.0488,3.93066 z m -1.50147,-2.18506 0,-5.7251 -5.84717,0 0,5.7251 5.84717,0 z m 7.05566,8.54492 q 0,0.19532 -0.19531,0.19532 l -1.20849,0 q -0.19532,0 -0.19532,-0.19532 l 0,-1.42822 -16.57714,0 0,1.42822 q 0,0.19532 -0.19532,0.19532 l -1.20849,0 q -0.19532,0 -0.19532,-0.19532 l 0.0488,-9.30175 0,-4.99268 -0.0488,-6.65283 q 0,-0.19532 0.19532,-0.19532 l 3.479,0.0488 12.42676,0 3.479,-0.0488 q 0.19531,0 0.19531,0.19532 l -0.0488,5.93261 0,5.7129 0.0488,9.30175 z m -1.59912,-2.80761 0,-16.88233 -16.57714,0 0,16.88233 16.57714,0 z"></path>
      <path id="path7868" d="m 495.52866,400.99799 q 3.3081,-0.0244 10.16845,-0.35401 l 1.04981,1.30615 q -4.87061,4.94385 -7.72705,7.42188 l -1.12305,0.97656 0.0977,0.0732 1.28173,-0.8667 q 1.96534,-0.95214 3.52784,-0.95214 3.14941,0 4.83398,1.78222 1.44043,1.51367 1.44043,3.94287 0,3.38135 -2.28271,5.07813 -2.03858,1.51367 -5.74952,1.51367 -4.89502,0 -4.89502,-3.32031 0,-1.46485 1.04981,-2.34375 0.97656,-0.80567 2.55127,-0.80567 1.94092,0 3.17383,1.34278 1.02539,1.12304 1.40381,3.00293 1.5625,-0.64698 2.24609,-1.74561 0.64697,-1.06201 0.64697,-2.74658 0,-2.14844 -1.55029,-3.34473 -1.23291,-0.93994 -2.97852,-0.93994 -3.36914,0 -6.04248,2.4292 -1.0498,0.95215 -2.07519,2.17285 l -1.47705,-1.19629 q 5.98144,-6.15234 10.9497,-11.20605 -3.58886,0.26855 -8.5205,0.40283 l 0,-1.62353 z m 7.04345,18.29834 q -0.31738,-1.63575 -1.11084,-2.55127 -0.74463,-0.84229 -1.75781,-0.84229 -0.87891,0 -1.44043,0.53711 -0.48828,0.46387 -0.48828,1.11084 0,1.02539 0.83008,1.47705 0.75683,0.40283 2.31933,0.40283 0.78125,0 1.64795,-0.13427 z"></path>
    </g>
  </g></svg>

        <div class="sozi-frame-number" title="Click to show the frame list">1</div>
        <ol class="sozi-frame-list">
            
                
            
                
                    <li value="2"><a data-frame-index="1" href="#frame8541" title="New frame">New frame</a></li>
                
            
                
                    <li value="3"><a data-frame-index="2" href="#frame2245" title="New frame">New frame</a></li>
                
            
                
                    <li value="4"><a data-frame-index="3" href="#frame4216" title="New frame">New frame</a></li>
                
            
                
                    <li value="5"><a data-frame-index="4" href="#frame5307" title="New frame">New frame</a></li>
                
            
                
                    <li value="6"><a data-frame-index="5" href="#frame3991" title="New frame">New frame</a></li>
                
            
                
                    <li value="7"><a data-frame-index="6" href="#frame7980" title="New frame">New frame</a></li>
                
            
                
                    <li value="8"><a data-frame-index="7" href="#frame3100" title="New frame">New frame</a></li>
                
            
                
                    <li value="9"><a data-frame-index="8" href="#frame8339" title="New frame">New frame</a></li>
                
            
        </ol>

            
          
!
            
                          body {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
                overflow: hidden;
            }

            .sozi-frame-list {
                position: absolute;
                top: 0;
                right: 0;
                width: 33%;
                height: 100%;
                margin: 0;
                padding: 0.5em 1em;
                overflow-y: auto;

                list-style: decimal inside;

                font-family: "Droid Sans", Helvetica, Arial, sans-serif;
                font-size: 12pt;

                color: rgb(240, 255, 255);
                background-color: rgba(34, 34, 34, 0.9);
            }

            .sozi-frame-list li {
                margin: 0;
                padding: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .sozi-frame-list a {
                color: inherit;
                text-decoration: none;
            }

            .sozi-frame-list a:hover {
                color: rgb(0, 204, 255);
                text-decoration: underline;
            }

            .sozi-frame-list a.current {
                color: rgb(255, 170, 68);
            }

            .sozi-frame-number {
                position: absolute;
                top: 0;
                left: 1em;
                text-align: center;
                padding: 0.3em 0.6em;

                cursor: pointer;

                font-family: "Droid Sans", Helvetica, Arial, sans-serif;
                font-size: 12pt;
                color: rgb(240, 255, 255);
                background-color: rgba(34, 34, 34, 0.9);
            }

            svg a {
                cursor: pointer;
            }

            
          
!
            
              var soziPresentationData = {"frames":[{"frameId":"frame6056","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":false,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":311.119028019696,"cy":187.39357348525306,"width":294.54164361995396,"height":165.63466511635554,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":311.103403019696,"cy":188.04982348525306,"width":300.9953797643162,"height":169.26390549093577,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame8541","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":315.9772019480503,"cy":297.0911621683783,"width":234.77405910485106,"height":132.09646077398253,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":315.94052948421586,"cy":297.6150670577383,"width":237.10840715417729,"height":133.40989002040934,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame2245","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":false,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":541.6510959176954,"cy":295.5267422687764,"width":275.75111687338784,"height":155.15234831451062,"opacity":1,"angle":-6.3117334253971275e-31,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":541.6510959176954,"cy":281.5267422687764,"width":275.75111687338784,"height":155.15234831451062,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame4216","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":544.1699538544607,"cy":297.4777651793344,"width":13.336843179634071,"height":10.002632384725555,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":544.1699538544607,"cy":283.4777651793344,"width":13.336843179634071,"height":10.002632384725555,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame5307","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":534.0107293029902,"cy":427.76399152861984,"width":186.37521318789462,"height":139.78140989092097,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":534.0107293029902,"cy":403.76399152861984,"width":186.37521318789462,"height":139.78140989092097,"opacity":1,"angle":0,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}},{"frameId":"frame3991","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":324.64381405152324,"cy":433.4610504470271,"width":188.4217128100762,"height":105.9293917352883,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":-45.912331472224146,"clipWidthFactor":1,"clipHeightFactor":0.5356622998544396},"__sozi_auto__":{"cx":324.64381405152324,"cy":409.4610504470271,"width":188.42171281007617,"height":105.92939173528832,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":-45.912331472224146,"clipWidthFactor":1,"clipHeightFactor":0.5356622998544396}}},{"frameId":"frame7980","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":324.64381405152324,"cy":433.4610504470271,"width":188.4217128100762,"height":105.9293917352883,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":0.15374367450694967,"clipWidthFactor":1,"clipHeightFactor":1.002911208151383},"__sozi_auto__":{"cx":324.64381405152324,"cy":409.4610504470271,"width":188.42171281007617,"height":105.92939173528832,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":0.15374367450694967,"clipWidthFactor":1,"clipHeightFactor":1.002911208151383}}},{"frameId":"frame3100","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":true,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":324.64381405152324,"cy":433.4610504470271,"width":188.4217128100762,"height":105.9293917352883,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":56.28487083248156,"clipWidthFactor":1,"clipHeightFactor":0.48762736535662304},"__sozi_auto__":{"cx":324.64381405152324,"cy":409.4610504470271,"width":188.42171281007617,"height":105.92939173528832,"opacity":1,"angle":-90.00000000000003,"clipped":true,"clipXOffset":0,"clipYOffset":56.28487083248156,"clipWidthFactor":1,"clipHeightFactor":0.48762736535662304}}},{"frameId":"frame8339","title":"New frame","timeoutMs":3000,"timeoutEnable":true,"transitionDurationMs":1000,"showInFrameList":true,"showFrameNumber":false,"layerProperties":{"layer1":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""},"__sozi_auto__":{"transitionTimingFunction":"linear","transitionRelativeZoom":0,"transitionPathId":""}},"cameraStates":{"layer1":{"cx":330.8395521033263,"cy":552.0540531694802,"width":206.56420966072457,"height":154.92315724554345,"opacity":1,"angle":-0.27546295156275846,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1},"__sozi_auto__":{"cx":330.8395521033263,"cy":528.0540531694802,"width":206.56420966072457,"height":154.92315724554345,"opacity":1,"angle":-0.27546295156275846,"clipped":false,"clipXOffset":0,"clipYOffset":0,"clipWidthFactor":1,"clipHeightFactor":1}}}],"elementsToHide":[]};

!function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);var j=new Error("Cannot find module '"+g+"'");throw j.code="MODULE_NOT_FOUND",j}var k=c[g]={exports:{}};b[g][0].call(k.exports,function(a){var c=b[g][1][a];return e(c?c:a)},k,k.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g<d.length;g++)e(d[g]);return e}({1:[function(a,b,c){function d(a,b,c){b.hasOwnProperty(c)&&(a[c]=b[c])}Object.defineProperty(c,"__esModule",{value:!0});var e={opacity:1,angle:0,clipped:!1,clipXOffset:0,clipYOffset:0,clipWidthFactor:1,clipHeightFactor:1,init:function(a){this.svgRoot=a;var b=a.getBBox();return this.cx=b.x+b.width/2,this.cy=b.y+b.height/2,this.width=b.width,this.height=b.height,this},initFrom:function(a){return this.svgRoot=a.svgRoot,this.cx=a.cx,this.cy=a.cy,this.width=a.width,this.height=a.height,this.opacity=a.opacity,this.angle=a.angle,this.clipped=a.clipped,this.clipXOffset=a.clipXOffset,this.clipYOffset=a.clipYOffset,this.clipWidthFactor=a.clipWidthFactor,this.clipHeightFactor=a.clipHeightFactor,this},toStorable:function(){return{cx:this.cx,cy:this.cy,width:this.width,height:this.height,opacity:this.opacity,angle:this.angle,clipped:this.clipped,clipXOffset:this.clipXOffset,clipYOffset:this.clipYOffset,clipWidthFactor:this.clipWidthFactor,clipHeightFactor:this.clipHeightFactor}},toMinimalStorable:function(){return this.toStorable()},fromStorable:function(a){return d(this,a,"cx"),d(this,a,"cy"),d(this,a,"width"),d(this,a,"height"),d(this,a,"opacity"),d(this,a,"angle"),d(this,a,"clipped"),d(this,a,"clipXOffset"),d(this,a,"clipYOffset"),d(this,a,"clipWidthFactor"),d(this,a,"clipHeightFactor"),this},setAngle:function(a){return this.angle=(a+180)%360-180,this},setAtElement:function(a,b,c,d,e,f){b=b||0,c=c||0,d=d||1,e=e||1,f=f||0;var g=a.getBBox(),h=this.svgRoot.createSVGPoint();h.x=g.x+g.width/2,h.y=g.y+g.height/2;for(var i=a;i.parentNode.parentNode!==this.svgRoot;)i=i.parentNode;var j=i.getCTM().inverse().multiply(a.getCTM());h=h.matrixTransform(j);var k=Math.sqrt(j.a*j.a+j.b*j.b);return this.cx=h.x+b,this.cy=h.y+c,this.width=g.width*k*d,this.height=g.height*k*e,this.angle=180*Math.atan2(j.b,j.a)/Math.PI+f,this},resetClipping:function(){return this.clipXOffset=this.clipYOffset=0,this.clipWidthFactor=this.clipHeightFactor=1,this},offsetFromElement:function(a){var b=Object.create(e).init(this.svgRoot).setAtElement(a);return{deltaX:this.cx-b.cx,deltaY:this.cy-b.cy,widthFactor:this.width/b.width,heightFactor:this.height/b.height,deltaAngle:this.angle-b.angle}}};c.CameraState=e},{}],2:[function(a,b,c){function d(a,b,c){b.hasOwnProperty(c)&&(a[c]=b[c])}var e=function(a,b){if(Array.isArray(a))return a;if(Symbol.iterator in Object(a)){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!b||c.length!==b);d=!0);}catch(i){e=!0,f=i}finally{try{!d&&h["return"]&&h["return"]()}finally{if(e)throw f}}return c}throw new TypeError("Invalid attempt to destructure non-iterable instance")};Object.defineProperty(c,"__esModule",{value:!0});var f=a("../utils"),g=a("./CameraState"),h={link:!1,referenceElementId:"",referenceElementAuto:!0,transitionTimingFunction:"linear",transitionRelativeZoom:0,transitionPathId:"",init:function(a){return this.frame=a,this},initFrom:function(a){return this.frame=a.frame,this.link=a.link,this.referenceElementId=a.referenceElementId,this.referenceElementAuto=a.referenceElementAuto,this.transitionTimingFunction=a.transitionTimingFunction,this.transitionRelativeZoom=a.transitionRelativeZoom,this.transitionPathId=a.transitionPathId,this},toStorable:function(){return{link:this.link,referenceElementId:this.referenceElementId,referenceElementAuto:this.referenceElementAuto,transitionTimingFunction:this.transitionTimingFunction,transitionRelativeZoom:this.transitionRelativeZoom,transitionPathId:this.transitionPathId}},toMinimalStorable:function(){return{transitionTimingFunction:this.transitionTimingFunction,transitionRelativeZoom:this.transitionRelativeZoom,transitionPathId:this.transitionPathId}},fromStorable:function(a){return d(this,a,"link"),d(this,a,"referenceElementId"),d(this,a,"referenceElementAuto"),d(this,a,"transitionTimingFunction"),d(this,a,"transitionRelativeZoom"),d(this,a,"transitionPathId"),this},get index(){return this.frame.layerProperties.indexOf(this)},get referenceElement(){return this.frame.presentation.document.root.getElementById(this.referenceElementId)},get transitionPath(){return this.frame.presentation.document.root.getElementById(this.transitionPathId)},get referenceElementHide(){return this.frame.presentation.elementsToHide.indexOf(this.referenceElementId)>=0},set referenceElementHide(a){var b=this.referenceElementHide;if(a&&!b)this.frame.presentation.elementsToHide.push(this.referenceElementId);else if(!a&&b){var c=this.frame.presentation.elementsToHide.indexOf(this.referenceElementId);this.frame.presentation.elementsToHide.splice(c,1)}this.referenceElement&&(this.referenceElement.style.visibility=a?"hidden":"visible")},get transitionPathHide(){return this.frame.presentation.elementsToHide.indexOf(this.transitionPathId)>=0},set transitionPathHide(a){var b=this.transitionPathHide;if(a&&!b)this.frame.presentation.elementsToHide.push(this.transitionPathId);else if(!a&&b){var c=this.frame.presentation.elementsToHide.indexOf(this.transitionPathId);this.frame.presentation.elementsToHide.splice(c,1)}this.transitionPath&&(this.transitionPath.style.visibility=a?"hidden":"visible")}};c.LayerProperties=h;var i={title:"New frame",timeoutMs:0,timeoutEnable:!1,transitionDurationMs:1e3,showInFrameList:!0,showFrameNumber:!0,init:function(a){var b=this;return this.presentation=a,this.frameId=a.makeFrameId(),this.layerProperties=a.layers.map(function(a){return Object.create(h).init(b)}),this.cameraStates=a.layers.map(function(b){return Object.create(g.CameraState).init(a.document.root)}),this},initFrom:function(a,b){return this.presentation=a.presentation,b||(this.frameId=a.presentation.makeFrameId()),this.title=a.title,this.timeoutMs=a.timeoutMs,this.timeoutEnable=a.timeoutEnable,this.transitionDurationMs=a.transitionDurationMs,this.showInFrameList=a.showInFrameList,this.showFrameNumber=a.showFrameNumber,this.layerProperties=a.layerProperties.map(function(a){return Object.create(h).initFrom(a)}),this.cameraStates=a.cameraStates.map(function(a){return Object.create(g.CameraState).initFrom(a)}),this},toStorable:function(){var a=this,b={},c={},d={};return this.presentation.layers.forEach(function(e,f){var g=a.layerProperties[f],h=a.cameraStates[f],i=g.referenceElement,j=e.groupId;b[j]=g.toStorable(),c[j]=h.toStorable(),i&&(d[j]=a.cameraStates[f].offsetFromElement(i))}),{frameId:this.frameId,title:this.title,timeoutMs:this.timeoutMs,timeoutEnable:this.timeoutEnable,transitionDurationMs:this.transitionDurationMs,showInFrameList:this.showInFrameList,showFrameNumber:this.showFrameNumber,layerProperties:b,cameraStates:c,cameraOffsets:d}},toMinimalStorable:function(){var a=this,b={},c={};return this.presentation.layers.forEach(function(d,e){var f=a.layerProperties[e],g=a.cameraStates[e],h=d.groupId;b[h]=f.toMinimalStorable(),c[h]=g.toMinimalStorable()}),{frameId:this.frameId,title:this.title,timeoutMs:this.timeoutMs,timeoutEnable:this.timeoutEnable,transitionDurationMs:this.transitionDurationMs,showInFrameList:this.showInFrameList,showFrameNumber:this.showFrameNumber,layerProperties:b,cameraStates:c}},fromStorable:function(a){var b=this;return d(this,a,"frameId"),d(this,a,"title"),d(this,a,"timeoutMs"),d(this,a,"timeoutEnable"),d(this,a,"transitionDurationMs"),d(this,a,"showInFrameList"),d(this,a,"showFrameNumber"),this.presentation.layers.forEach(function(c,d){var e=c.groupId;if(e in a.layerProperties){var f=b.layerProperties[d];f.fromStorable(a.layerProperties[e]);var g=b.cameraStates[d].fromStorable(a.cameraStates[e]),h=f.referenceElement;if(h){var i=a.cameraOffsets[e]||{};g.setAtElement(h,i.deltaX,i.deltaY,i.widthFactor,i.heightFactor,i.deltaAngle)}}}),this},get index(){return this.presentation.frames.indexOf(this)},setAtStates:function(a){var b=this;a.forEach(function(a,c){b.cameraStates[c].initFrom(a)})},isLinkedTo:function(a,b){var c=this.index<a.index?[this,a]:[a,this],d=e(c,2),f=d[0],g=d[1];return g.layerProperties[b].link&&(g.index===f.index+1||g.index>f.index&&this.presentation.frames[g.index-1].isLinkedTo(f,b))}};c.Frame=i;var j={init:function(a,b,c){return this.presentation=a,this.label=b,this.auto=c,this.svgNodes=[],this},get groupId(){return this.auto?"__sozi_auto__":this.svgNodes[0].getAttribute("id")},get index(){return this.presentation.layers.indexOf(this)},get isVisible(){return this.svgNodes.some(function(a){return"none"!==window.getComputedStyle(a).display})},set isVisible(a){this.svgNodes.forEach(function(b){b.style.display=a?"inline":"none"})}};c.Layer=j;var k="http://www.w3.org/2000/svg",l={aspectWidth:4,aspectHeight:3,init:function(a){var b=this;this.document=a,this.frames=[],this.layers=[],this.elementsToHide=[];var c=Object.create(j).init(this,"auto",!0);return f.toArray(this.document.root.childNodes).forEach(function(a){if("g"===a.localName){var d=a.getAttribute("id");if(null===d)c.svgNodes.push(a);else{var e=Object.create(j).init(b,b.document.handler.getLabel(a)||"#"+d,!1);e.svgNodes.push(a),b.layers.push(e)}}}),this.layers.push(c),this},toStorable:function(){return{aspectWidth:this.aspectWidth,aspectHeight:this.aspectHeight,frames:this.frames.map(function(a){return a.toStorable()}),elementsToHide:this.elementsToHide.slice()}},toMinimalStorable:function(){return{frames:this.frames.map(function(a){return a.toMinimalStorable()}),elementsToHide:this.elementsToHide.slice()}},fromStorable:function(a){var b=this;return d(this,a,"aspectWidth"),d(this,a,"aspectHeight"),this.frames=a.frames.map(function(a){return Object.create(i).init(b).fromStorable(a)}),a.elementsToHide&&(this.elementsToHide=a.elementsToHide.slice()),this},get title(){var a=this.document.root.getElementsByTagNameNS(k,"title");return a.length?a[0].firstChild.wholeText.trim():"Untitled"},makeFrameId:function(){var a,b="frame",c=Math.floor(1e3*(1+9*Math.random()));do a=b+c,c++;while(this.frames.some(function(b){return b.frameId===a}));return a},getFrameWithId:function(a){for(var b=0;b<this.frames.length;b++)if(this.frames[b].frameId===a)return this.frames[b];return null},getLayerWithId:function(a){for(var b=0;b<this.layers.length;b++)if(this.layers[b].groupId===a)return this.layers[b];return null},updateLinkedLayers:function(){var a=this;if(this.frames.length){var b=this.frames[0].cameraStates,c=b[b.length-1];this.layers.forEach(function(b,d){var e=c;a.frames.forEach(function(a){a.layerProperties[d].link?a.cameraStates[d].initFrom(e):e=a.cameraStates[d]})})}}};c.Presentation=l},{"../utils":14,"./CameraState":1}],3:[function(a,b,c){"use strict";var d=function(a){return a&&a.__esModule?a:{"default":a}},e=a("./svg/SVGDocument"),f=a("./model/Presentation"),g=a("./player/Viewport"),h=a("./player/Player"),i=a("./player/Media"),j=d(i),k=a("./player/FrameList"),l=d(k),m=a("./player/FrameNumber"),n=d(m),o=a("./player/FrameURL"),p=d(o);window.addEventListener("load",function(){e.SVGDocument.init(document.querySelector("svg")),f.Presentation.init(e.SVGDocument),g.Viewport.init(f.Presentation,!1).onLoad(),f.Presentation.fromStorable(window.soziPresentationData),h.Player.init(g.Viewport,f.Presentation),j.init(h.Player),l.init(h.Player),n.init(h.Player),p.init(h.Player),window.sozi={presentation:f.Presentation,viewport:g.Viewport,player:h.Player},h.Player.addListener("change:playing",function(a,b){b?document.title=f.Presentation.title:document.title=f.Presentation.title+"(Paused)"}),window.addEventListener("resize",g.Viewport.repaint.bind(g.Viewport)),f.Presentation.frames.length&&h.Player.playFromIndex(p.getFrameIndex()),g.Viewport.repaint()})},{"./model/Presentation":2,"./player/FrameList":6,"./player/FrameNumber":7,"./player/FrameURL":8,"./player/Media":9,"./player/Player":10,"./player/Viewport":12,"./svg/SVGDocument":13}],4:[function(a,b,c){function d(){k>0?(h&&h(d),l.forEach(function(a){a.running&&a.step()})):h||window.clearInterval(f)}function e(){h?h(d):f=window.setInterval(d,j)}Object.defineProperty(c,"__esModule",{value:!0});var f,g=a("events"),h=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame,i=window.performance&&window.performance.now?window.performance:Date,j=40,k=0,l=[],m=Object.create(g.EventEmitter.prototype);c.Animator=m,m.init=function(){return g.EventEmitter.call(this),this.durationMs=500,this.initialTime=0,this.running=!1,l.push(this),this},m.start=function(a){this.durationMs=a,this.initialTime=i.now(),this.emit("step",0),this.running||(this.running=!0,k++,1===k&&e())},m.stop=function(){this.running&&(this.running=!1,k--,this.emit("stop"))},m.step=function(){var a=i.now()-this.initialTime;a>=this.durationMs?(this.emit("step",1),this.running=!1,k--,this.emit("done")):this.emit("step",a/this.durationMs)}},{events:15}],5:[function(a,b,c){Object.defineProperty(c,"__esModule",{value:!0});var d=a("../model/CameraState"),e="http://www.w3.org/2000/svg",f=Object.create(d.CameraState);c.Camera=f,f.init=function(a,b){if(d.CameraState.init.call(this,a.svgRoot),this.viewport=a,this.layer=b,this.selected=!0,this.svgClipRect=document.createElementNS(e,"rect"),a.editMode){this.maskValue=0;var c=document.createElementNS(e,"mask"),f=a.makeUniqueId("sozi-mask-");c.setAttribute("id",f),a.svgRoot.appendChild(c),this.svgMaskRect=document.createElementNS(e,"rect"),c.appendChild(this.svgMaskRect),this.svgClipRect.setAttribute("fill","white"),c.appendChild(this.svgClipRect),this.svgClipOutlineRect1=document.createElementNS(e,"rect"),this.svgClipOutlineRect1.setAttribute("stroke","black"),this.svgClipOutlineRect1.setAttribute("fill","none"),a.svgRoot.appendChild(this.svgClipOutlineRect1),this.svgClipOutlineRect2=document.createElementNS(e,"rect"),this.svgClipOutlineRect2.setAttribute("stroke","white"),this.svgClipOutlineRect2.setAttribute("fill","none"),this.svgClipOutlineRect2.setAttribute("stroke-dasharray","2,2"),a.svgRoot.appendChild(this.svgClipOutlineRect2),this.concealClipping()}else{var g=document.createElementNS(e,"clipPath"),h=a.makeUniqueId("sozi-clip-path-");g.setAttribute("id",h),g.appendChild(this.svgClipRect),a.svgRoot.appendChild(g)}return this.svgTransformGroups=b.svgNodes.map(function(b){var c=document.createElementNS(e,"g");a.svgRoot.insertBefore(c,b),a.editMode?c.setAttribute("mask","url(#"+f+")"):c.setAttribute("clip-path","url(#"+h+")");var d=document.createElementNS(e,"g");return d.appendChild(b),c.appendChild(d),d}),this},f.revealClipping=function(){this.maskValue=64,this.svgClipOutlineRect1.style.display="inline",this.svgClipOutlineRect2.style.display="inline"},f.concealClipping=function(){this.maskValue=0,this.svgClipOutlineRect1.style.display="none",this.svgClipOutlineRect2.style.display="none"},Object.defineProperty(f,"scale",{get:function(){return Math.min(this.viewport.width/this.width,this.viewport.height/this.height)}}),f.rotate=function(a){return this.restoreAspectRatio(),this.setAngle(this.angle+a).update()},f.zoom=function(a,b,c){return this.width/=a,this.height/=a,this.restoreAspectRatio(),this.translate((1-a)*(b-this.viewport.width/2),(1-a)*(c-this.viewport.height/2))},f.translate=function(a,b){var c=this.scale,d=this.angle*Math.PI/180,e=Math.sin(d),f=Math.cos(d);return this.cx-=(a*f-b*e)/c,this.cy-=(a*e+b*f)/c,this.restoreAspectRatio(),this.update()},f.clip=function(a,b,c,d){this.clipped=!0;var e=this.scale,f=Math.abs(c-a)+1,g=Math.abs(d-b)+1;return this.clipXOffset=(Math.min(a,c)-(this.viewport.width-f)/2)*this.width/f,this.clipYOffset=(Math.min(b,d)-(this.viewport.height-g)/2)*this.height/g,this.clipWidthFactor=f/this.width/e,this.clipHeightFactor=g/this.height/e,this.update()},f.restoreAspectRatio=function(){var a=this.viewport.width/this.viewport.height,b=this.width/this.height,c=a/b;c>1?(this.width*=c,this.clipped&&(this.clipWidthFactor/=c)):(this.height/=c,this.clipped&&(this.clipHeightFactor*=c))},f.getCandidateReferenceElement=function(){if(!this.svgRoot.getIntersectionList||!this.layer.svgNodes.length)return this.svgRoot;var a=this.svgRoot.createSVGRect();a.x=0,a.y=0,a.width=this.viewport.width,a.height=this.viewport.height;for(var b,c=this.viewport.width*this.viewport.height,d=this.svgRoot.getIntersectionList(a,this.layer.svgNodes[0]),e=-1,f=0;f<d.length;f++){var g=d[f];if(g.hasAttribute("id")){var h=g.getBoundingClientRect(),i=h.width*h.height,j=Math.max(h.left,this.viewport.x),k=Math.max(h.top,this.viewport.y),l=Math.min(h.right,this.viewport.x+this.viewport.width),m=Math.min(h.bottom,this.viewport.y+this.viewport.height),n=(l-j)*(m-k),o=c+i-2*n;(0>e||e>o)&&(e=o,b=g)}}return b},Object.defineProperty(f,"clipRect",{get:function(){var a,b,c,d;if(this.clipped){var e=this.scale;a=Math.round(this.width*this.clipWidthFactor*e),b=Math.round(this.height*this.clipHeightFactor*e),c=Math.round((this.viewport.width-a)/2+this.clipXOffset*this.clipWidthFactor*e),d=Math.round((this.viewport.height-b)/2+this.clipYOffset*this.clipHeightFactor*e)}else a=this.viewport.width,b=this.viewport.height,c=0,d=0;return{width:a,height:b,x:c,y:d}}}),f.update=function(){var a=this,b=this.clipRect;this.svgClipRect.setAttribute("x",b.x),this.svgClipRect.setAttribute("y",b.y),this.svgClipRect.setAttribute("width",b.width),this.svgClipRect.setAttribute("height",b.height),this.viewport.editMode&&(this.svgMaskRect.setAttribute("fill","rgb("+this.maskValue+","+this.maskValue+","+this.maskValue+")"),this.svgMaskRect.setAttribute("x",0),this.svgMaskRect.setAttribute("y",0),this.svgMaskRect.setAttribute("width",this.viewport.width),this.svgMaskRect.setAttribute("height",this.viewport.height),this.svgClipOutlineRect1.setAttribute("x",b.x),this.svgClipOutlineRect1.setAttribute("y",b.y),this.svgClipOutlineRect1.setAttribute("width",b.width),this.svgClipOutlineRect1.setAttribute("height",b.height),this.svgClipOutlineRect2.setAttribute("x",b.x),this.svgClipOutlineRect2.setAttribute("y",b.y),this.svgClipOutlineRect2.setAttribute("width",b.width),this.svgClipOutlineRect2.setAttribute("height",b.height));var c=this.scale,d=this.viewport.width/c/2-this.cx,e=this.viewport.height/c/2-this.cy;return this.svgTransformGroups.forEach(function(b){b.setAttribute("transform","scale("+c+")translate("+d+","+e+")rotate("+-a.angle+","+a.cx+","+a.cy+")"),b.setAttribute("opacity",a.opacity)}),this},f.interpolate=function(a,b,c,d,e,f,g){function h(a,b){return b*j+a*k}function i(a,b){var d=(e>0?Math.max(a,b):Math.min(a,b))*(1+e),f=a-d,g=b-d,h=Math.sqrt(f/g),i=h/(1+h),j=f/i/i,k=c-i;return j*k*k+d}var j=d(c),k=1-j;if(e?(this.width=i(a.width,b.width),this.height=i(a.height,b.height)):(this.width=h(a.width,b.width),this.height=h(a.height,b.height)),f){var l=f.getTotalLength(),m=f.getPointAtLength(g?l:0),n=f.getPointAtLength(g?0:l),o=f.getPointAtLength(l*(g?k:j));this.cx=o.x+h(a.cx-m.x,b.cx-n.x),this.cy=o.y+h(a.cy-m.y,b.cy-n.y)}else this.cx=h(a.cx,b.cx),this.cy=h(a.cy,b.cy);this.opacity=h(a.opacity,b.opacity),b.angle-a.angle>180?this.angle=h(a.angle,b.angle-360):b.angle-a.angle<-180?this.angle=h(a.angle-360,b.angle):this.angle=h(a.angle,b.angle),this.clipped=!0;var p=this.scale,q={clipXOffset:0,clipYOffset:0,clipWidthFactor:this.viewport.width/this.width/p,clipHeightFactor:this.viewport.height/this.height/p},r=a.clipped?a:q,s=b.clipped?b:q;for(var t in q)this[t]=h(r[t],s[t])}},{"../model/CameraState":1}],6:[function(a,b,c){function d(a){w=a,u=document.querySelector(".sozi-frame-list"),v=p.toArray(u.querySelectorAll("li a")),v.forEach(function(a){a.addEventListener("click",function(b){0===b.button&&(w.previewFrame(parseInt(a.dataset.frameIndex)),b.preventDefault())})}),x=Object.create(q.Animator).init(),x.addListener("step",k),window.addEventListener("keypress",j,!1),w.viewport.addListener("mouseDown",l),u.addEventListener("mouseout",m,!1),a.addListener("frameChange",n),e(y)}function e(a){A=a,u.style.left=A*u.clientWidth+"px"}function f(a){w.pause(),y=A,z=a,x.start(Math.abs(z-y)*t)}function g(){f(0)}function h(){f(-1)}function i(){f(-1-z)}function j(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.charCode||a.which){case 84:case 116:i();break;default:return}a.stopPropagation(),a.preventDefault()}}function k(a){var b=s.ease(a);e(z*b+y*(1-b))}function l(a){1===a&&i()}function m(a){for(var b=a.relatedTarget;b&&b!==u&&b!==document.documentElement;)b=b.parentNode;b!==u&&(h(),a.stopPropagation())}function n(){v.forEach(function(a){a.className=parseInt(a.dataset.frameIndex)===w.currentFrameIndex?"current":""})}var o=function(a){return a&&a.__esModule?a:{"default":a}};Object.defineProperty(c,"__esModule",{value:!0}),c.init=d,c.open=g,c.close=h,c.toggle=i;var p=a("../utils"),q=a("./Animator"),r=a("./Timing"),s=o(r);const t=500;var u,v,w,x,y=-1,z=-1,A=y},{"../utils":14,"./Animator":4,"./Timing":11}],7:[function(a,b,c){function d(a){var b=document.querySelector(".sozi-frame-number");a.addListener("frameChange",function(){b.innerHTML=a.currentFrameIndex+1,b.style.visibility=a.currentFrame.showFrameNumber?"visible":"hidden"}),b.addEventListener("click",g.open)}var e=function(a){return a&&a.__esModule?a:{"default":a}};Object.defineProperty(c,"__esModule",{value:!0}),c.init=d;var f=a("./FrameList"),g=e(f)},{"./FrameList":6}],8:[function(a,b,c){function d(a){h=a,window.addEventListener("hashchange",f,!1),h.addListener("frameChange",g)}function e(){if(window.location.hash){var a=window.location.hash.slice(1),b=h.presentation.getFrameWithId(a);if(b)return b.index;var c=parseInt(a);return!isNaN(c)&&c>0&&c<=h.presentation.frames.length?c-1:h.currentFrameIndex}return h.currentFrameIndex}function f(){var a=e();h.currentFrameIndex!==a&&h.moveToFrame(a)}function g(){window.location.hash="#"+h.currentFrame.frameId}Object.defineProperty(c,"__esModule",{value:!0}),c.init=d,c.getFrameIndex=e;var h},{}],9:[function(a,b,c){function d(a){a.stopPropagation()}function e(){var a=g.currentFrame.frameId;a in l&&l[a].forEach(function(a){a.play()}),a in m&&m[a].forEach(function(a){a.pause()})}function f(a){g=a,g.addListener("frameChange",e);for(var b,c=g.presentation.document.root,f=c.attributes,n=0;n<f.length;n++)if(f[n].value===j){b=f[n].name.slice(6);break}if(b){var o=c.getElementsByTagName(b+":video"),p=c.getElementsByTagName(b+":audio"),q=h.toArray(o).concat(h.toArray(p)),r=[];q.forEach(function(a){var c=a.parentNode,e=a.localName.slice(b.length+1),f=document.createElementNS(k,"source");f.setAttribute("type",a.getAttribute(b+":type")),f.setAttribute("src",a.getAttribute(b+":src"));for(var g=0;g<r.length&&r[g].rect!==c;g+=1);if(g===r.length){c.setAttribute("visibility","hidden");var h=document.createElementNS(k,e);h.setAttribute("controls","controls"),"video"===e&&(h.setAttribute("width",c.getAttribute("width")),h.setAttribute("height",c.getAttribute("height"))),h.addEventListener("click",d,!1),h.addEventListener("mousedown",d,!1),h.addEventListener("mouseup",d,!1),h.addEventListener("mousemove",d,!1),h.addEventListener("contextmenu",d,!1);var j=document.createElementNS(k,"html");j.appendChild(h);var n=document.createElementNS(i,"foreignObject");if(n.setAttribute("x",c.getAttribute("x")),n.setAttribute("y",c.getAttribute("y")),n.setAttribute("width",c.getAttribute("width")),n.setAttribute("height",c.getAttribute("height")),n.appendChild(j),c.parentNode.insertBefore(n,c.nextSibling),a.hasAttribute(b+":start-frame")){var o=a.getAttribute(b+":start-frame"),p=a.getAttribute(b+":stop-frame");o in l||(l[o]=[]),p in m||(m[p]=[]),l[o].push(h),m[p].push(h)}"true"===a.getAttribute(b+":loop")&&h.setAttribute("loop","true"),r.push({rect:a.parentNode,htmlMedia:h})}r[g].htmlMedia.appendChild(f)})}}Object.defineProperty(c,"__esModule",{value:!0}),c.init=f;var g,h=a("../utils"),i="http://www.w3.org/2000/svg",j="http://sozi.baierouge.fr",k="http://www.w3.org/1999/xhtml",l={},m={}},{"../utils":14}],10:[function(a,b,c){var d=function(a){return a&&a.__esModule?a:{"default":a}};Object.defineProperty(c,"__esModule",{value:!0});var e=a("./Animator"),f=a("./Timing"),g=d(f),h=a("../model/CameraState"),i=a("events"),j=500,k=0,l="ease",m=1.05,n=5,o=Object.create(i.EventEmitter.prototype);c.Player=o,o.init=function(a,b){return i.EventEmitter.call(this),this.viewport=a,this.presentation=b,this.animator=Object.create(e.Animator).init(),this.playing=!1,this.waitingTimeout=!1,this.currentFrameIndex=0,this.targetFrameIndex=0,this.timeoutHandle=null,this.transitions=[],this.setupEventHandlers(),this},o.setupEventHandlers=function(){this.viewport.addListener("click",this.onClick.bind(this)),this.viewport.addListener("dragStart",this.pause.bind(this)),this.viewport.addListener("userChangeState",this.pause.bind(this)),window.addEventListener("keydown",this.onKeyDown.bind(this),!1),window.addEventListener("keypress",this.onKeyPress.bind(this),!1),this.animator.addListener("step",this.onAnimatorStep.bind(this)),this.animator.addListener("stop",this.onAnimatorStop.bind(this)),this.animator.addListener("done",this.onAnimatorDone.bind(this))},o.onClick=function(a){switch(a){case 0:this.moveToNext();break;case 2:this.moveToPrevious()}},o.onKeyDown=function(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.keyCode){case 36:a.shiftKey?this.jumpToFirst():this.moveToFirst();break;case 35:a.shiftKey?this.jumpToLast():this.moveToLast();break;case 38:case 33:case 37:a.shiftKey?this.jumpToPrevious():this.moveToPrevious();break;case 40:case 34:case 39:case 13:case 32:a.shiftKey?this.jumpToNext():this.moveToNext();break;default:return}a.stopPropagation(),a.preventDefault()}},o.onKeyPress=function(a){if(!(a.altKey||a.ctrlKey||a.metaKey)){switch(a.charCode||a.which){case 43:this.viewport.zoom(m,this.viewport.width/2,this.viewport.height/2),this.pause();break;case 45:this.viewport.zoom(1/m,this.viewport.width/2,this.viewport.height/2),this.pause();break;case 82:this.viewport.rotate(-n),this.pause();break;case 114:this.viewport.rotate(n),this.pause();break;case 80:case 112:this.playing?this.pause():this.resume();break;default:return}a.stopPropagation(),a.preventDefault()}},Object.defineProperty(o,"currentFrame",{get:function(){return this.presentation.frames[this.currentFrameIndex]}}),Object.defineProperty(o,"targetFrame",{get:function(){return this.presentation.frames[this.targetFrameIndex]}}),Object.defineProperty(o,"previousFrameIndex",{get:function(){var a=this.animator.running?this.targetFrameIndex:this.currentFrameIndex;return(a+this.presentation.frames.length-1)%this.presentation.frames.length}}),Object.defineProperty(o,"nextFrameIndex",{get:function(){var a=this.animator.running?this.targetFrameIndex:this.currentFrameIndex;return(a+1)%this.presentation.frames.length}}),o.showCurrentFrame=function(){return this.viewport.setAtStates(this.currentFrame.cameraStates).update(),this.emit("frameChange"),this},o.playFromIndex=function(a){return this.playing=!0,this.waitingTimeout=!1,this.targetFrameIndex=a,this.currentFrameIndex=a,this.showCurrentFrame(),this.waitTimeout(),this},o.pause=function(){return this.animator.stop(),this.waitingTimeout&&(window.clearTimeout(this.timeoutHandle),this.waitingTimeout=!1),this.playing=!1,this.targetFrameIndex=this.currentFrameIndex,this},o.resume=function(){return this.playFromIndex(this.currentFrameIndex),this},o.waitTimeout=function(){return this.currentFrame.timeoutEnable&&(this.waitingTimeout=!0,this.timeoutHandle=window.setTimeout(this.moveToFrame.bind(this,this.nextFrameIndex),this.currentFrame.timeoutMs)),this},o.jumpToFrame=function(a){return this.pause(),this.targetFrameIndex=a,this.currentFrameIndex=a,this.showCurrentFrame(),this},o.jumpToFirst=function(){return this.jumpToFrame(0)},o.jumpToLast=function(){return this.jumpToFrame(this.presentation.frames.length-1)},o.jumpToPrevious=function(){return this.jumpToFrame(this.previousFrameIndex)},o.jumpToNext=function(){return this.jumpToFrame(this.nextFrameIndex)},o.moveToFrame=function(a){var b=this;this.waitingTimeout&&(window.clearTimeout(this.timeoutHandle),this.waitingTimeout=!1),this.targetFrameIndex=a;var c=null,d=j,e=!1,f=!1;return a===this.nextFrameIndex?(d=this.targetFrame.transitionDurationMs,c=this.targetFrame.layerProperties,e=!0):a===this.previousFrameIndex&&(d=this.currentFrame.transitionDurationMs,c=this.currentFrame.layerProperties,e=!0,f=!0),this.playing=!0,this.viewport.cameras.forEach(function(a){var d=g[l],h=k,i=null;if(c){var j=c[a.layer.index];h=j.transitionRelativeZoom,d=g[j.transitionTimingFunction],e&&(i=j.transitionPath),f&&(d=d.reverse)}b.setupTransition(a,d,h,i,f)}),this.animator.start(d),this},o.moveToFirst=function(){return this.moveToFrame(0)},o.moveToLast=function(){return this.moveToFrame(this.presentation.frames.length-1)},o.moveToPrevious=function(){for(var a=this.previousFrameIndex;a>=0;a--){var b=this.presentation.frames[a];if(!b.timeoutEnable||0!==b.timeoutMs){this.moveToFrame(a);break}}return this},o.moveToNext=function(){return this.moveToFrame(this.nextFrameIndex)},o.moveToCurrent=function(){return this.moveToFrame(this.currentFrameIndex)},o.previewFrame=function(a){var b=this;return this.targetFrameIndex=a,this.viewport.cameras.forEach(function(a){b.setupTransition(a,g[l],k)}),this.animator.start(j),this},o.setupTransition=function(a,b,c,d,e){return this.animator.running&&this.animator.stop(),this.transitions.push({camera:a,initialState:Object.create(h.CameraState).initFrom(a),finalState:this.targetFrame.cameraStates[a.layer.index],timingFunction:b,relativeZoom:c,svgPath:d,reverse:e}),this},o.onAnimatorStep=function(a){this.transitions.forEach(function(b){b.camera.interpolate(b.initialState,b.finalState,a,b.timingFunction,b.relativeZoom,b.svgPath,b.reverse),b.camera.update()})},o.onAnimatorStop=function(){this.transitions=[],this.currentFrameIndex=this.targetFrameIndex,this.emit("frameChange")},o.onAnimatorDone=function(){this.transitions=[],this.currentFrameIndex=this.targetFrameIndex,this.emit("frameChange"),this.playing&&this.waitTimeout()}},{"../model/CameraState":1,"./Animator":4,"./Timing":11,events:15}],11:[function(a,b,c){function d(a,b){return 1-3*b+3*a}function e(a,b){return 3*b-6*a}function f(a){return 3*a}function g(a,b,c,d){return((b*a+c)*a+d)*a}function h(a,b,c,d){return(3*b*a+2*c)*a+d}function i(a,b,c,i){var j=d(a,c),k=e(a,c),l=f(a),m=d(b,i),n=e(b,i),o=f(b);return a===b&&c===i?function(a){return a}:function(a){for(var b=a,c=0;4>c;c++){var d=h(b,j,k,l);if(0===d)break;var e=g(b,j,k,l)-a;b-=e/d}return g(b,m,n,o)}}function j(a,b){var c="start"===b?Math.ceil:Math.floor;return function(b){return c(a*b)/a}}function k(a){return a>=.5?1:0}Object.defineProperty(c,"__esModule",{value:!0}),c.makeBezier=i,c.makeSteps=j,c.stepMiddle=k;var l=i(0,0,1,1);c.linear=l,l.reverse=l;var m=i(.25,.1,.25,1);c.ease=m,m.reverse=m;var n=i(.42,0,1,1);c.easeIn=n;var o=i(0,0,.58,1);c.easeOut=o,n.reverse=o,o.reverse=n;var p=i(.42,0,.58,1);c.easeInOut=p,p.reverse=p;var q=j(1,"start");c.stepStart=q;var r=j(1,"end");c.stepEnd=r,q.reverse=r,r.reverse=q,k.reverse=k},{}],12:[function(a,b,c){Object.defineProperty(c,"__esModule",{value:!0});var d=a("./Camera"),e=a("events"),f=0,g=5,h=1.05,i=5,j=200,k=3,l=Object.create(e.EventEmitter.prototype);c.Viewport=l,l.init=function(a,b){return e.EventEmitter.call(this),this.presentation=a,this.editMode=!!b,this.cameras=[],this.mouseDragX=0,this.mouseDragY=0,this.dragMode="translate",this.clipMode={cameras:[],operation:"select"},this.showHiddenElements=!1,this.wheelTimeout=null,this.dragHandler=this.onDrag.bind(this),this.dragEndHandler=this.onDragEnd.bind(this),this},l.makeUniqueId=function(a){var b,c=Math.floor(1e3*(1+9*Math.random()));do b=a+c,c++;while(this.svgRoot.getElementById(b));return b},l.onLoad=function(){var a=this;this.svgRoot.addEventListener("mousedown",this.onMouseDown.bind(this),!1),this.svgRoot.addEventListener("mousemove",this.onMouseMove.bind(this),!1),this.svgRoot.addEventListener("contextmenu",this.onContextMenu.bind(this),!1);

var b="onwheel"in document.createElement("div")?"wheel":void 0!==document.onmousewheel?"mousewheel":"DOMMouseScroll";return this.svgRoot.addEventListener(b,this.onWheel.bind(this),!1),this.cameras=this.presentation.layers.map(function(b){return Object.create(d.Camera).init(a,b)}),this},Object.defineProperty(l,"svgRoot",{get:function(){return this.presentation.document.root}}),l.getLayer=function(a){return this.layers.filter(function(b){return b.nodeId===a})[0]},l.onContextMenu=function(a){a.stopPropagation(),a.preventDefault(),this.emit("click",2,a)},l.onMouseMove=function(a){if("clip"===this.dragMode)switch(this.getClipMode(a).operation){case"select":this.svgRoot.style.cursor="crosshair";break;case"n":case"s":this.svgRoot.style.cursor="ns-resize";break;case"w":case"e":this.svgRoot.style.cursor="ew-resize";break;case"nw":case"se":this.svgRoot.style.cursor="nwse-resize";break;case"ne":case"sw":this.svgRoot.style.cursor="nesw-resize";break;case"move":this.svgRoot.style.cursor="move";break;default:this.svgRoot.style.cursor="default"}else this.svgRoot.style.cursor="default"},l.onMouseDown=function(a){a.stopPropagation(),a.preventDefault(),a.button===f&&(this.mouseDragged=!1,this.mouseDragX=this.mouseDragStartX=a.clientX,this.mouseDragY=this.mouseDragStartY=a.clientY,document.documentElement.addEventListener("mousemove",this.dragHandler,!1),document.documentElement.addEventListener("mouseup",this.dragEndHandler,!1),"clip"===this.dragMode&&(this.clipMode=this.getClipMode(a))),this.emit("mouseDown",a.button)},l.getClipMode=function(a){var b=a.clientX-this.x,c=a.clientY-this.y,d={nw:[],sw:[],ne:[],se:[],w:[],e:[],n:[],s:[],move:[]},e=this.cameras.filter(function(a){return a.selected});e.forEach(function(a){var e=a.clipRect;if(b>=e.x-k&&b<=e.x+e.width+k&&c>=e.y-k&&c<=e.y+e.height+k){var f=b<=e.x+k,g=b>=e.x+e.width-k-1,h=c<=e.y+k,i=c>=e.y+e.height-k-1,j=f||g||h||i?(h?"n":i?"s":"")+(f?"w":g?"e":""):"move";d[j].push(a)}});for(var f in d)if(d[f].length)return{cameras:d[f],operation:f};return{cameras:e,operation:"select"}},l.onDrag=function(a){a.stopPropagation();var b=a.clientX-this.x-this.width/2,c=a.clientY-this.y-this.height/2,d=180*Math.atan2(c,b)/Math.PI,e=a.clientX,f=a.clientY,h=Math.sqrt(b*b+c*c),i=a.clientX-this.mouseDragX,j=a.clientY-this.mouseDragY;if(!this.mouseDragged&&(Math.abs(i)>g||Math.abs(j)>g)&&(this.mouseDragged=!0,this.rotateStart=this.rotatePrev=d,this.translateStartX=this.translateXPrev=e,this.translateStartY=this.translateYPrev=f,this.zoomPrev=h,this.emit("dragStart")),this.mouseDragged){var k=this.dragMode;switch("translate"==k&&(a.altKey?k="scale":a.shiftKey&&(k="rotate")),k){case"scale":0!==this.zoomPrev&&this.zoom(h/this.zoomPrev,this.width/2,this.height/2),this.zoomPrev=h;break;case"rotate":a.ctrlKey&&(d=10*Math.round((d-this.rotateStart)/10)+this.rotateStart),this.rotate(this.rotatePrev-d),this.rotatePrev=d;break;case"clip":switch(this.clipMode.operation){case"select":this.clip(this.mouseDragStartX-this.x,this.mouseDragStartY-this.y,this.mouseDragX-this.x,this.mouseDragY-this.y);break;case"move":this.clipRel(i,j,i,j);break;case"w":this.clipRel(i,0,0,0);break;case"e":this.clipRel(0,0,i,0);break;case"n":this.clipRel(0,j,0,0);break;case"s":this.clipRel(0,0,0,j);break;case"nw":this.clipRel(i,j,0,0);break;case"ne":this.clipRel(0,j,i,0);break;case"sw":this.clipRel(i,0,0,j);break;case"se":this.clipRel(0,0,i,j)}break;default:a.ctrlKey&&(Math.abs(e-this.translateStartX)>=Math.abs(f-this.translateStartY)?f=this.translateStartY:e=this.translateStartX),this.translate(e-this.translateXPrev,f-this.translateYPrev),this.translateXPrev=e,this.translateYPrev=f}this.mouseDragX=a.clientX,this.mouseDragY=a.clientY}},l.onDragEnd=function(a){a.stopPropagation(),a.preventDefault(),a.button===f?(this.mouseDragged?(this.emit("dragEnd"),this.emit("userChangeState")):this.emit("click",a.button,a),document.documentElement.removeEventListener("mousemove",this.dragHandler,!1),document.documentElement.removeEventListener("mouseup",this.dragEndHandler,!1)):this.emit("click",a.button,a)},l.onWheel=function(a){var b=this;null!==this.wheelTimeout&&window.clearTimeout(this.wheelTimeout),a.stopPropagation(),a.preventDefault();var c=0;c=a.wheelDelta?a.wheelDelta:a.detail?-a.detail:-a.deltaY,0!==c&&(a.shiftKey?this.rotate(c>0?i:-i):this.zoom(c>0?h:1/h,a.clientX-this.x,a.clientY-this.y)),this.wheelTimeout=window.setTimeout(function(){b.wheelTimeout=null,b.emit("userChangeState")},j)},Object.defineProperty(l,"x",{get:function(){return this.svgRoot.getScreenCTM().e}}),Object.defineProperty(l,"y",{get:function(){return this.svgRoot.getScreenCTM().f}}),Object.defineProperty(l,"width",{get:function(){return this.svgRoot===document.documentElement?window.innerWidth:this.svgRoot.parentNode.clientWidth}}),Object.defineProperty(l,"height",{get:function(){return this.svgRoot===document.documentElement?window.innerHeight:this.svgRoot.parentNode.clientHeight}}),l.repaint=function(){var a=this;return this.svgRoot.setAttribute("width",this.width),this.svgRoot.setAttribute("height",this.height),this.update(),this.presentation.elementsToHide.forEach(function(b){var c=document.getElementById(b);c&&(c.style.visibility=a.showHiddenElements?"visible":"hidden")}),this},l.update=function(){return this.cameras.forEach(function(a){a.update()}),this},l.setAtStates=function(a){var b=this;return a.forEach(function(a,c){b.cameras[c].initFrom(a)}),this},l.translate=function(a,b){return this.cameras.forEach(function(c){c.selected&&c.translate(a,b)}),this},l.zoom=function(a,b,c){return this.cameras.forEach(function(d){d.selected&&d.zoom(a,b,c)}),this},l.rotate=function(a){return this.cameras.forEach(function(b){b.selected&&b.rotate(a)}),this},l.clip=function(a,b,c,d){return this.clipMode.cameras.forEach(function(e){e.clip(a,b,c,d)}),this},l.clipRel=function(a,b,c,d){return this.clipMode.cameras.forEach(function(e){var f=e.clipRect;a<=f.width+c-1&&b<=f.height+d-1&&e.clip(f.x+a,f.y+b,f.x+f.width+c-1,f.y+f.height+d-1)}),this}},{"./Camera":5,events:15}],13:[function(a,b,c){function d(a,b){h[a]=b}Object.defineProperty(c,"__esModule",{value:!0}),c.registerHandler=d;var e=a("../utils"),f="http://www.w3.org/2000/svg",g=["g","image","path","rect","circle","ellipse","line","polyline","polygon","text","clippath"],h={},i={matches:function(a){return!0},transform:function(a){return this},isLayer:function(a){return!0},getLabel:function(a){return null}};c.DefaultHandler=i;var j={asText:"",root:void 0,handler:i,init:function(a){this.root=a,this.handler=i;for(var b in h)if(h[b].matches(a)){console.log("Using handler: "+b),this.handler=h[b];break}var c=e.toArray(this.root.getElementsByTagName("a"));return c.forEach(function(a){a.addEventListener("mousedown",function(a){a.stopPropagation()},!1)}),this},get isValidSVG(){return this.root instanceof SVGSVGElement},isLayer:function(a){return a instanceof SVGGElement&&a.hasAttribute("id")&&this.handler.isLayer(a)},"import":function(a){var b=this;this.asText="",this.root=void 0;var c=document.createElement("div");for(c.innerHTML=a;c.firstChild!==c.firstElementChild;)c.removeChild(c.firstChild);if(this.init(c.firstChild),this.isValidSVG){this.handler.transform(this.root),this.root.removeAttribute("viewBox"),this.root.style.width=this.root.style.height="auto";var d=e.toArray(this.root.getElementsByTagName("script"));d.forEach(function(a){a.parentNode.removeChild(a)});var h=document.createElementNS(f,"g");return e.toArray(this.root.childNodes).forEach(function(a){void 0===a.tagName?b.root.removeChild(a):g.indexOf(a.localName)>=0&&(b.isLayer(a)?h.firstChild&&(b.root.insertBefore(h,a),h=document.createElementNS(f,"g")):h.appendChild(a))}),h.firstChild&&this.root.appendChild(h),this.asText=c.innerHTML,this}}};c.SVGDocument=j},{"../utils":14}],14:[function(a,b,c){function d(a){return Array.prototype.slice.call(a)}Object.defineProperty(c,"__esModule",{value:!0}),c.toArray=d},{}],15:[function(a,b,c){function d(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}function e(a){return"function"==typeof a}function f(a){return"number"==typeof a}function g(a){return"object"==typeof a&&null!==a}function h(a){return void 0===a}b.exports=d,d.EventEmitter=d,d.prototype._events=void 0,d.prototype._maxListeners=void 0,d.defaultMaxListeners=10,d.prototype.setMaxListeners=function(a){if(!f(a)||0>a||isNaN(a))throw TypeError("n must be a positive number");return this._maxListeners=a,this},d.prototype.emit=function(a){var b,c,d,f,i,j;if(this._events||(this._events={}),"error"===a&&(!this._events.error||g(this._events.error)&&!this._events.error.length)){if(b=arguments[1],b instanceof Error)throw b;throw TypeError('Uncaught, unspecified "error" event.')}if(c=this._events[a],h(c))return!1;if(e(c))switch(arguments.length){case 1:c.call(this);break;case 2:c.call(this,arguments[1]);break;case 3:c.call(this,arguments[1],arguments[2]);break;default:for(d=arguments.length,f=new Array(d-1),i=1;d>i;i++)f[i-1]=arguments[i];c.apply(this,f)}else if(g(c)){for(d=arguments.length,f=new Array(d-1),i=1;d>i;i++)f[i-1]=arguments[i];for(j=c.slice(),d=j.length,i=0;d>i;i++)j[i].apply(this,f)}return!0},d.prototype.addListener=function(a,b){var c;if(!e(b))throw TypeError("listener must be a function");if(this._events||(this._events={}),this._events.newListener&&this.emit("newListener",a,e(b.listener)?b.listener:b),this._events[a]?g(this._events[a])?this._events[a].push(b):this._events[a]=[this._events[a],b]:this._events[a]=b,g(this._events[a])&&!this._events[a].warned){var c;c=h(this._maxListeners)?d.defaultMaxListeners:this._maxListeners,c&&c>0&&this._events[a].length>c&&(this._events[a].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[a].length),"function"==typeof console.trace&&console.trace())}return this},d.prototype.on=d.prototype.addListener,d.prototype.once=function(a,b){function c(){this.removeListener(a,c),d||(d=!0,b.apply(this,arguments))}if(!e(b))throw TypeError("listener must be a function");var d=!1;return c.listener=b,this.on(a,c),this},d.prototype.removeListener=function(a,b){var c,d,f,h;if(!e(b))throw TypeError("listener must be a function");if(!this._events||!this._events[a])return this;if(c=this._events[a],f=c.length,d=-1,c===b||e(c.listener)&&c.listener===b)delete this._events[a],this._events.removeListener&&this.emit("removeListener",a,b);else if(g(c)){for(h=f;h-->0;)if(c[h]===b||c[h].listener&&c[h].listener===b){d=h;break}if(0>d)return this;1===c.length?(c.length=0,delete this._events[a]):c.splice(d,1),this._events.removeListener&&this.emit("removeListener",a,b)}return this},d.prototype.removeAllListeners=function(a){var b,c;if(!this._events)return this;if(!this._events.removeListener)return 0===arguments.length?this._events={}:this._events[a]&&delete this._events[a],this;if(0===arguments.length){for(b in this._events)"removeListener"!==b&&this.removeAllListeners(b);return this.removeAllListeners("removeListener"),this._events={},this}if(c=this._events[a],e(c))this.removeListener(a,c);else for(;c.length;)this.removeListener(a,c[c.length-1]);return delete this._events[a],this},d.prototype.listeners=function(a){var b;return b=this._events&&this._events[a]?e(this._events[a])?[this._events[a]]:this._events[a].slice():[]},d.listenerCount=function(a,b){var c;return c=a._events&&a._events[b]?e(a._events[b])?1:a._events[b].length:0}},{}]},{},[3]);
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console