doc/pipeline.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="2283px"
     height="858px" viewBox="-0.5 -0.5 2283 858">
    <defs>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">            body {
            overflow: hidden;
        }

        div.picker {
            z-index: 10007;
        }

        .geSidebarContainer .geTitle input {
            font-size: 8pt;
            color: #606060;
        }

        .geBlock {
            z-index: -3;
            margin: 100px;
            margin-top: 40px;
            margin-bottom: 30px;
            padding: 20px;
        }

        .geBlock h1, .geBlock h2 {
            margin-top: 0px;
            padding-top: 0px;
        }

        .geEditor ::-webkit-scrollbar {
            width: 14px;
            height: 14px;
        }

        .geEditor ::-webkit-scrollbar-track {
            background-clip: padding-box;
            border: solid transparent;
            border-width: 1px;
        }

        .geEditor ::-webkit-scrollbar-corner {
            background-color: transparent;
        }

        .geEditor ::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, .1);
            background-clip: padding-box;
            border: solid transparent;
            border-radius: 10px;
        }

        .geEditor ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0, 0, 0, .4);
        }

        .geTemplate {
            border: 1px solid transparent;
            display: inline-block;
            _display: inline;
            vertical-align: top;
            border-radius: 3px;
            overflow: hidden;
            font-size: 14pt;
            cursor: pointer;
            margin: 5px;
        }

        .geFooterContainer div.geSocialFooter a {
            display: inline;
            padding: 0px;
        }

        .geFooterContainer div.geSocialFooter a img {
            margin-top: 10px;
            opacity: 0.5;
        }

        .geFooterContainer div.geSocialFooter a img:hover {
            opacity: 1;
        }

        .geFooterContainer &gt; div#geFooter &gt; img {
            opacity: 0.5;
            border: 1px solid transparent;
            cursor: pointer;
            margin-top: 3px;
            margin-right: 6px;
            position: absolute;
            right: 4px;
            top: 12px;
            padding: 1px;
            cursor: pointer;
        }

        .geFooterContainer &gt; div#geFooter &gt; img:hover {
            opacity: 1;
        }        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css"></style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Hover_Frame {
            border-radius: .25em;
            -webkit-border-radius: .25em;
            -moz-border-radius: .25em;
            -khtml-border-radius: .25em;
            box-shadow: 0px 0px 15px #83A;
            -webkit-box-shadow: 0px 0px 15px #83A;
            -moz-box-shadow: 0px 0px 15px #83A;
            -khtml-box-shadow: 0px 0px 15px #83A;
            border: 1px solid #A6D ! important;
            display: inline-block;
            position: absolute
        }

        .MathJax_Menu_Button .MathJax_Hover_Arrow {
            position: absolute;
            cursor: pointer;
            display: inline-block;
            border: 2px solid #AAA;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -khtml-border-radius: 4px;
            font-family: 'Courier New', Courier;
            font-size: 9px;
            color: #F0F0F0
        }

        .MathJax_Menu_Button .MathJax_Hover_Arrow span {
            display: block;
            background-color: #AAA;
            border: 1px solid;
            border-radius: 3px;
            line-height: 0;
            padding: 4px
        }

        .MathJax_Hover_Arrow:hover {
            color: white !important;
            border: 2px solid #CCC !important
        }

        .MathJax_Hover_Arrow:hover span {
            background-color: #CCC !important
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">#MathJax_About {
            position: fixed;
            left: 50%;
            width: auto;
            text-align: center;
            border: 3px outset;
            padding: 1em 2em;
            background-color: #DDDDDD;
            color: black;
            cursor: default;
            font-family: message-box;
            font-size: 120%;
            font-style: normal;
            text-indent: 0;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            float: none;
            z-index: 201;
            border-radius: 15px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            -khtml-border-radius: 15px;
            box-shadow: 0px 10px 20px #808080;
            -webkit-box-shadow: 0px 10px 20px #808080;
            -moz-box-shadow: 0px 10px 20px #808080;
            -khtml-box-shadow: 0px 10px 20px #808080;
            filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')
        }

        #MathJax_About.MathJax_MousePost {
            outline: none
        }

        .MathJax_Menu {
            position: absolute;
            background-color: white;
            color: black;
            width: auto;
            padding: 2px;
            border: 1px solid #CCCCCC;
            margin: 0;
            cursor: default;
            font: menu;
            text-align: left;
            text-indent: 0;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            float: none;
            z-index: 201;
            box-shadow: 0px 10px 20px #808080;
            -webkit-box-shadow: 0px 10px 20px #808080;
            -moz-box-shadow: 0px 10px 20px #808080;
            -khtml-box-shadow: 0px 10px 20px #808080;
            filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')
        }

        .MathJax_MenuItem {
            padding: 2px 2em;
            background: transparent
        }

        .MathJax_MenuArrow {
            position: absolute;
            right: .5em;
            padding-top: .25em;
            color: #666666;
            font-size: .75em
        }

        .MathJax_MenuActive .MathJax_MenuArrow {
            color: white
        }

        .MathJax_MenuArrow.RTL {
            left: .5em;
            right: auto
        }

        .MathJax_MenuCheck {
            position: absolute;
            left: .7em
        }

        .MathJax_MenuCheck.RTL {
            right: .7em;
            left: auto
        }

        .MathJax_MenuRadioCheck {
            position: absolute;
            left: 1em
        }

        .MathJax_MenuRadioCheck.RTL {
            right: 1em;
            left: auto
        }

        .MathJax_MenuLabel {
            padding: 2px 2em 4px 1.33em;
            font-style: italic
        }

        .MathJax_MenuRule {
            border-top: 1px solid #CCCCCC;
            margin: 4px 1px 0px
        }

        .MathJax_MenuDisabled {
            color: GrayText
        }

        .MathJax_MenuActive {
            background-color: Highlight;
            color: HighlightText
        }

        .MathJax_MenuDisabled:focus, .MathJax_MenuLabel:focus {
            background-color: #E8E8E8
        }

        .MathJax_ContextMenu:focus {
            outline: none
        }

        .MathJax_ContextMenu .MathJax_MenuItem:focus {
            outline: none
        }

        #MathJax_AboutClose {
            top: .2em;
            right: .2em
        }

        .MathJax_Menu .MathJax_MenuClose {
            top: -10px;
            left: -10px
        }

        .MathJax_MenuClose {
            position: absolute;
            cursor: pointer;
            display: inline-block;
            border: 2px solid #AAA;
            border-radius: 18px;
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            -khtml-border-radius: 18px;
            font-family: 'Courier New', Courier;
            font-size: 24px;
            color: #F0F0F0
        }

        .MathJax_MenuClose span {
            display: block;
            background-color: #AAA;
            border: 1.5px solid;
            border-radius: 18px;
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            -khtml-border-radius: 18px;
            line-height: 0;
            padding: 8px 0 6px
        }

        .MathJax_MenuClose:hover {
            color: white !important;
            border: 2px solid #CCC !important
        }

        .MathJax_MenuClose:hover span {
            background-color: #CCC !important
        }

        .MathJax_MenuClose:hover:focus {
            outline: none
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Preview .MJXf-math {
            color: inherit !important
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MJX_Assistive_MathML {
            position: absolute !important;
            top: 0;
            left: 0;
            clip: rect(1px, 1px, 1px, 1px);
            padding: 1px 0 0 0 !important;
            border: 0 !important;
            height: 1px !important;
            width: 1px !important;
            overflow: hidden !important;
            display: block !important;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .MJX_Assistive_MathML.MJX_Assistive_MathML_Block {
            width: 100% !important
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">#MathJax_Zoom {
            position: absolute;
            background-color: #F0F0F0;
            overflow: auto;
            display: block;
            z-index: 301;
            padding: .5em;
            border: 1px solid black;
            margin: 0;
            font-weight: normal;
            font-style: normal;
            text-align: left;
            text-indent: 0;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: nowrap;
            float: none;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            box-shadow: 5px 5px 15px #AAAAAA;
            -webkit-box-shadow: 5px 5px 15px #AAAAAA;
            -moz-box-shadow: 5px 5px 15px #AAAAAA;
            -khtml-box-shadow: 5px 5px 15px #AAAAAA;
            filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')
        }

        #MathJax_ZoomOverlay {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 300;
            display: inline-block;
            width: 100%;
            height: 100%;
            border: 0;
            padding: 0;
            margin: 0;
            background-color: white;
            opacity: 0;
            filter: alpha(opacity=0)
        }

        #MathJax_ZoomFrame {
            position: relative;
            display: inline-block;
            height: 0;
            width: 0
        }

        #MathJax_ZoomEventTrap {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 302;
            display: inline-block;
            border: 0;
            padding: 0;
            margin: 0;
            background-color: white;
            opacity: 0;
            filter: alpha(opacity=0)
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MathJax_Preview {
            color: #888
        }

        #MathJax_Message {
            position: fixed;
            left: 1em;
            bottom: 1.5em;
            background-color: #E6E6E6;
            border: 1px solid #959595;
            margin: 0px;
            padding: 2px 8px;
            z-index: 102;
            color: black;
            font-size: 80%;
            width: auto;
            white-space: nowrap
        }

        #MathJax_MSIE_Frame {
            position: absolute;
            top: 0;
            left: 0;
            width: 0px;
            z-index: 101;
            border: 0px;
            margin: 0px;
            padding: 0px
        }

        .MathJax_Error {
            color: #CC0000;
            font-style: italic
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">.MJXp-script {
            font-size: .8em
        }

        .MJXp-right {
            -webkit-transform-origin: right;
            -moz-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            transform-origin: right
        }

        .MJXp-bold {
            font-weight: bold
        }

        .MJXp-italic {
            font-style: italic
        }

        .MJXp-scr {
            font-family: MathJax_Script, 'Times New Roman', Times, STIXGeneral, serif
        }

        .MJXp-frak {
            font-family: MathJax_Fraktur, 'Times New Roman', Times, STIXGeneral, serif
        }

        .MJXp-sf {
            font-family: MathJax_SansSerif, 'Times New Roman', Times, STIXGeneral, serif
        }

        .MJXp-cal {
            font-family: MathJax_Caligraphic, 'Times New Roman', Times, STIXGeneral, serif
        }

        .MJXp-mono {
            font-family: MathJax_Typewriter, 'Times New Roman', Times, STIXGeneral, serif
        }

        .MJXp-largeop {
            font-size: 150%
        }

        .MJXp-largeop.MJXp-int {
            vertical-align: -.2em
        }

        .MJXp-math {
            display: inline-block;
            line-height: 1.2;
            text-indent: 0;
            font-family: 'Times New Roman', Times, STIXGeneral, serif;
            white-space: nowrap;
            border-collapse: collapse
        }

        .MJXp-display {
            display: block;
            text-align: center;
            margin: 1em 0
        }

        .MJXp-math span {
            display: inline-block
        }

        .MJXp-box {
            display: block !important;
            text-align: center
        }

        .MJXp-box:after {
            content: " "
        }

        .MJXp-rule {
            display: block !important;
            margin-top: .1em
        }

        .MJXp-char {
            display: block !important
        }

        .MJXp-mo {
            margin: 0 .15em
        }

        .MJXp-mfrac {
            margin: 0 .125em;
            vertical-align: .25em
        }

        .MJXp-denom {
            display: inline-table !important;
            width: 100%
        }

        .MJXp-denom &gt; * {
            display: table-row !important
        }

        .MJXp-surd {
            vertical-align: top
        }

        .MJXp-surd &gt; * {
            display: block !important
        }

        .MJXp-script-box &gt; * {
            display: table !important;
            height: 50%
        }

        .MJXp-script-box &gt; * &gt; * {
            display: table-cell !important;
            vertical-align: top
        }

        .MJXp-script-box &gt; *:last-child &gt; * {
            vertical-align: bottom
        }

        .MJXp-script-box &gt; * &gt; * &gt; * {
            display: block !important
        }

        .MJXp-mphantom {
            visibility: hidden
        }

        .MJXp-munderover, .MJXp-munder {
            display: inline-table !important
        }

        .MJXp-over {
            display: inline-block !important;
            text-align: center
        }

        .MJXp-over &gt; * {
            display: block !important
        }

        .MJXp-munderover &gt; *, .MJXp-munder &gt; * {
            display: table-row !important
        }

        .MJXp-mtable {
            vertical-align: .25em;
            margin: 0 .125em
        }

        .MJXp-mtable &gt; * {
            display: inline-table !important;
            vertical-align: middle
        }

        .MJXp-mtr {
            display: table-row !important
        }

        .MJXp-mtd {
            display: table-cell !important;
            text-align: center;
            padding: .5em 0 0 .5em
        }

        .MJXp-mtr &gt; .MJXp-mtd:first-child {
            padding-left: 0
        }

        .MJXp-mtr:first-child &gt; .MJXp-mtd {
            padding-top: 0
        }

        .MJXp-mlabeledtr {
            display: table-row !important
        }

        .MJXp-mlabeledtr &gt; .MJXp-mtd:first-child {
            padding-left: 0
        }

        .MJXp-mlabeledtr:first-child &gt; .MJXp-mtd {
            padding-top: 0
        }

        .MJXp-merror {
            background-color: #FFFF88;
            color: #CC0000;
            border: 1px solid #CC0000;
            padding: 1px 3px;
            font-style: normal;
            font-size: 90%
        }

        .MJXp-scale0 {
            -webkit-transform: scaleX(.0);
            -moz-transform: scaleX(.0);
            -ms-transform: scaleX(.0);
            -o-transform: scaleX(.0);
            transform: scaleX(.0)
        }

        .MJXp-scale1 {
            -webkit-transform: scaleX(.1);
            -moz-transform: scaleX(.1);
            -ms-transform: scaleX(.1);
            -o-transform: scaleX(.1);
            transform: scaleX(.1)
        }

        .MJXp-scale2 {
            -webkit-transform: scaleX(.2);
            -moz-transform: scaleX(.2);
            -ms-transform: scaleX(.2);
            -o-transform: scaleX(.2);
            transform: scaleX(.2)
        }

        .MJXp-scale3 {
            -webkit-transform: scaleX(.3);
            -moz-transform: scaleX(.3);
            -ms-transform: scaleX(.3);
            -o-transform: scaleX(.3);
            transform: scaleX(.3)
        }

        .MJXp-scale4 {
            -webkit-transform: scaleX(.4);
            -moz-transform: scaleX(.4);
            -ms-transform: scaleX(.4);
            -o-transform: scaleX(.4);
            transform: scaleX(.4)
        }

        .MJXp-scale5 {
            -webkit-transform: scaleX(.5);
            -moz-transform: scaleX(.5);
            -ms-transform: scaleX(.5);
            -o-transform: scaleX(.5);
            transform: scaleX(.5)
        }

        .MJXp-scale6 {
            -webkit-transform: scaleX(.6);
            -moz-transform: scaleX(.6);
            -ms-transform: scaleX(.6);
            -o-transform: scaleX(.6);
            transform: scaleX(.6)
        }

        .MJXp-scale7 {
            -webkit-transform: scaleX(.7);
            -moz-transform: scaleX(.7);
            -ms-transform: scaleX(.7);
            -o-transform: scaleX(.7);
            transform: scaleX(.7)
        }

        .MJXp-scale8 {
            -webkit-transform: scaleX(.8);
            -moz-transform: scaleX(.8);
            -ms-transform: scaleX(.8);
            -o-transform: scaleX(.8);
            transform: scaleX(.8)
        }

        .MJXp-scale9 {
            -webkit-transform: scaleX(.9);
            -moz-transform: scaleX(.9);
            -ms-transform: scaleX(.9);
            -o-transform: scaleX(.9);
            transform: scaleX(.9)
        }

        .MathJax_PHTML .noError {
            vertical-align: ;
            font-size: 90%;
            text-align: left;
            color: black;
            padding: 1px 3px;
            border: 1px solid
        } #xa;
        </style>
        <style xmlns="http://www.w3.org/1999/xhtml" type="text/css">  @-webkit-keyframes rotate {
                                                                          from {
                                                                              -webkit-transform: rotate(0deg);
                                                                          }
                                                                          to {
                                                                              -webkit-transform: rotate(360deg);
                                                                          }
                                                                      }

        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .dropbox-dropin-btn, .dropbox-dropin-btn:link, .dropbox-dropin-btn:hover {
            display: inline-block;
            height: 14px;
            font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
            font-size: 11px;
            font-weight: 600;
            color: #636363;
            text-decoration: none;
            padding: 1px 7px 5px 3px;
            border: 1px solid #ebebeb;
            border-radius: 2px;
            border-bottom-color: #d4d4d4;
            background: #fcfcfc;
            background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
            background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
            background: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5', GradientType=0);
        }

        .dropbox-dropin-default:hover, .dropbox-dropin-error:hover {
            border-color: #dedede;
            border-bottom-color: #cacaca;
            background: #fdfdfd;
            background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
            background: -webkit-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
            background: linear-gradient(to bottom, #fdfdfd 0%, #f5f5f5 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5', GradientType=0);
        }

        .dropbox-dropin-default:active, .dropbox-dropin-error:active {
            border-color: #d1d1d1;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
        }

        .dropbox-dropin-btn .dropin-btn-status {
            display: inline-block;
            width: 15px;
            height: 14px;
            vertical-align: bottom;
            margin: 0 5px 0 2px;
            background: transparent url('https://www.dropbox.com/static/images/widgets/dbx-saver-status.png') no-repeat;
            position: relative;
            top: 2px;
        }

        .dropbox-dropin-default .dropin-btn-status {
            background-position: 0px 0px;
        }

        .dropbox-dropin-progress .dropin-btn-status {
            width: 18px;
            margin: 0 4px 0 0;
            background: url('https://www.dropbox.com/static/images/widgets/dbx-progress.png') no-repeat center center;
            -webkit-animation-name: rotate;
            -webkit-animation-duration: 1.7s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            animation-name: rotate;
            animation-duration: 1.7s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        .dropbox-dropin-success .dropin-btn-status {
            background-position: -15px 0px;
        }

        .dropbox-dropin-disabled {
            background: #e0e0e0;
            border: 1px #dadada solid;
            border-bottom: 1px solid #ccc;
            box-shadow: none;
        }

        .dropbox-dropin-disabled .dropin-btn-status {
            background-position: -30px 0px;
        }

        .dropbox-dropin-error .dropin-btn-status {
            background-position: -45px 0px;
        }

        @media only screen and (-webkit-min-device-pixel-ratio: 1.4) {
            .dropbox-dropin-btn .dropin-btn-status {
                background-image: url('https://www.dropbox.com/static/images/widgets/dbx-saver-status-2x.png');
                background-size: 60px 14px;
                -webkit-background-size: 60px 14px;
            }

            .dropbox-dropin-progress .dropin-btn-status {
                background: url('https://www.dropbox.com/static/images/widgets/dbx-progress-2x.png') no-repeat center center;
                background-size: 20px 20px;
                -webkit-background-size: 20px 20px;
            }
        }

        .dropbox-saver:hover, .dropbox-chooser:hover {
            text-decoration: none;
            cursor: pointer;
        }

        .dropbox-chooser, .dropbox-dropin-btn {
            line-height: 11px !important;
            text-decoration: none !important;
            box-sizing: content-box !important;
            -webkit-box-sizing: content-box !important;
            -moz-box-sizing: content-box !important;
        }         </style>
    </defs>
    <g>
        <path d="M 1260 120 L 1390.9 120" fill="none" stroke="#6c8ebf" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1406.65 120 L 1385.65 130.5 L 1390.9 120 L 1385.65 109.5 Z" fill="#6c8ebf" stroke="#6c8ebf"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="30" width="360" height="180" fill="#dae8fc" stroke="#6c8ebf" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(958.5,80.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="81" height="26"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 81px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Normalizer<br/>(Pre-Encoding)
                        </div>
                    </div>
                </foreignObject>
                <text x="41" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Normalizer&lt;br&gt;(Pre-Encoding)
                </text>
            </switch>
        </g>
        <path d="M 750 120 L 880.9 120" fill="none" stroke="#b85450" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 896.65 120 L 875.65 130.5 L 880.9 120 L 875.65 109.5 Z" fill="#b85450" stroke="#b85450"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="630" cy="120" rx="120" ry="120" fill="#f8cecc" stroke="#b85450" stroke-width="3"
                 pointer-events="all"/>
        <g transform="translate(548.5,80.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="54" height="26"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 56px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Document<br/>(Text)
                        </div>
                    </div>
                </foreignObject>
                <text x="27" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Document&lt;br&gt;(Text)
                </text>
            </switch>
        </g>
        <path d="M 1770 120 L 1900.9 120" fill="none" stroke="#9673a6" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1916.65 120 L 1895.65 130.5 L 1900.9 120 L 1895.65 109.5 Z" fill="#9673a6" stroke="#9673a6"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1410" y="30" width="360" height="180" fill="#e1d5e7" stroke="#9673a6" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(1525.5,101.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="43" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 44px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Matcher
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Matcher
                </text>
            </switch>
        </g>
        <path d="M 2100 210 L 2100 370.9" fill="none" stroke="#9673a6" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 2100 386.65 L 2089.5 365.65 L 2100 370.9 L 2110.5 365.65 Z" fill="#9673a6" stroke="#9673a6"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1920" y="30" width="360" height="180" fill="#e1d5e7" stroke="#9673a6" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(2027.5,101.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="48" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 49px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Stemmer
                        </div>
                    </div>
                </foreignObject>
                <text x="24" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Stemmer
                </text>
            </switch>
        </g>
        <path d="M 1920 480 L 1789.1 480" fill="none" stroke="#9673a6" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1773.35 480 L 1794.35 469.5 L 1789.1 480 L 1794.35 490.5 Z" fill="#9673a6" stroke="#9673a6"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1590 570 L 1590 765 L 1755 765" fill="none" stroke="#6c8ebf" stroke-width="3" stroke-miterlimit="10"
              stroke-dasharray="9 9" pointer-events="stroke"/>
        <path d="M 2100 570 L 2100 765 L 1905 765" fill="none" stroke="#9673a6" stroke-width="3" stroke-miterlimit="10"
              stroke-dasharray="9 9" pointer-events="stroke"/>
        <rect x="1920" y="390" width="360" height="180" fill="#e1d5e7" stroke="#9673a6" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(2059.5,461.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="27" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 28px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Filter
                        </div>
                    </div>
                </foreignObject>
                <text x="14" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Filter
                </text>
            </switch>
        </g>
        <path d="M 1410 480 L 1279.1 480" fill="none" stroke="#6c8ebf" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 1263.35 480 L 1284.35 469.5 L 1279.1 480 L 1284.35 490.5 Z" fill="#6c8ebf" stroke="#6c8ebf"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1410" y="390" width="360" height="180" fill="#dae8fc" stroke="#6c8ebf" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(1460.5,440.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="86" height="26"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 87px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Encoder<br/>(Post-Encoding)
                        </div>
                    </div>
                </foreignObject>
                <text x="43" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Encoder&lt;br&gt;(Post-Encoding)</text>
            </switch>
        </g>
        <path d="M 900 480 L 769.1 480" fill="none" stroke="#d6b656" stroke-width="3" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 753.35 480 L 774.35 469.5 L 769.1 480 L 774.35 490.5 Z" fill="#d6b656" stroke="#d6b656"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1080 570 L 1080 690" fill="none" stroke="#6c8ebf" stroke-width="3" stroke-miterlimit="10"
              stroke-dasharray="9 9" pointer-events="stroke"/>
        <rect x="900" y="390" width="360" height="180" fill="#fff2cc" stroke="#d6b656" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(1001.5,461.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="52" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 53px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Tokenizer
                        </div>
                    </div>
                </foreignObject>
                <text x="26" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Tokenizer
                </text>
            </switch>
        </g>
        <path d="M 510 480 L 379.1 480" fill="none" stroke="#82b366" stroke-width="3" stroke-miterlimit="10"
              stroke-dasharray="9 9" pointer-events="stroke"/>
        <path d="M 363.35 480 L 384.35 469.5 L 379.1 480 L 384.35 490.5 Z" fill="#82b366" stroke="#82b366"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="630" cy="480" rx="120" ry="120" fill="#d5e8d4" stroke="#82b366" stroke-width="3"
                 pointer-events="all"/>
        <g transform="translate(574.5,440.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="26"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 38px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Result<br/>(Array)
                        </div>
                    </div>
                </foreignObject>
                <text x="19" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not
                    supported by viewer]
                </text>
            </switch>
        </g>
        <path d="M 1080 690 L 1155 765 L 1080 840 L 1005 765 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="3"
              stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(1051.5,749.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="19" height="10"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 19px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            RTL
                        </div>
                    </div>
                </foreignObject>
                <text x="10" y="10" fill="#000000" text-anchor="middle" font-size="10px" font-family="Helvetica">RTL
                </text>
            </switch>
        </g>
        <path d="M 1830 690 L 1905 765 L 1830 840 L 1755 765 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="3"
              stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(1801.5,749.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="19" height="10"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Split
                        </div>
                    </div>
                </foreignObject>
                <text x="10" y="10" fill="#000000" text-anchor="middle" font-size="10px" font-family="Helvetica">Split
                </text>
            </switch>
        </g>
        <path d="M 360 120 L 490.9 120" fill="none" stroke="#b85450" stroke-width="3" stroke-miterlimit="10"
              stroke-dasharray="9 9" pointer-events="stroke"/>
        <path d="M 506.65 120 L 485.65 130.5 L 490.9 120 L 485.65 109.5 Z" fill="#b85450" stroke="#b85450"
              stroke-width="3" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="390" width="360" height="180" rx="27" ry="27" fill="#d5e8d4" stroke="#82b366" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(134.5,461.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="30" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Index
                        </div>
                    </div>
                </foreignObject>
                <text x="15" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Index
                </text>
            </switch>
        </g>
        <rect x="0" y="30" width="360" height="180" rx="27" ry="27" fill="#f8cecc" stroke="#b85450" stroke-width="3"
              pointer-events="all"/>
        <g transform="translate(122.5,101.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="38" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 39px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Source
                        </div>
                    </div>
                </foreignObject>
                <text x="19" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Source
                </text>
            </switch>
        </g>
        <rect x="30" y="690" width="30" height="30" fill="#dae8fc" stroke="#6c8ebf" stroke-width="3"
              pointer-events="all"/>
        <rect x="90" y="675" width="120" height="60" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(95.5,686.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="42" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 43px; white-space: nowrap; overflow-wrap: normal; text-align: left;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;color:#999">
                            Charset
                        </div>
                    </div>
                </foreignObject>
                <text x="21" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Charset
                </text>
            </switch>
        </g>
        <rect x="30" y="750" width="30" height="30" fill="#e1d5e7" stroke="#9673a6" stroke-width="3"
              pointer-events="all"/>
        <rect x="90" y="735" width="120" height="60" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(95.5,746.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="53" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 54px; white-space: nowrap; overflow-wrap: normal; text-align: left;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;color:#999">
                            Language
                        </div>
                    </div>
                </foreignObject>
                <text x="27" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Language
                </text>
            </switch>
        </g>
        <rect x="30" y="810" width="30" height="30" fill="#fff2cc" stroke="#d6b656" stroke-width="3"
              pointer-events="all"/>
        <rect x="90" y="795" width="120" height="60" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(95.5,806.5)scale(3)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="12"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 38px; white-space: nowrap; overflow-wrap: normal; text-align: left;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;color:#999">
                            Built-in
                        </div>
                    </div>
                </foreignObject>
                <text x="19" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Built-in
                </text>
            </switch>
        </g>
    </g>
</svg>