Files
textual/tests/snapshot_tests/snapshot_report.html
2022-09-16 16:28:48 +01:00

413 lines
92 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Textual Snapshot Test Report</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid">
<div class="row mb-4" style="background-color:#F4F8F7;">
<div class="col-8 p-4">
<h4>
<strong>Textual</strong> Snapshot Tests
</h4>
<span class="text-muted">Showing diffs for 1 mismatched snapshot(s)</span>
</div>
<div class="col p-4">
<div class="w-100 d-flex justify-content-end mb-1 mt-2">
<span class="text-danger">
<strong>1</strong> snapshots changed
</span>
<span class="text-muted mx-2">
·
</span>
<span class="text-success">
<strong>2</strong> snapshots matched
</span>
</div>
<div class="progress">
<div class="progress-bar bg-danger" role="progressbar" aria-label="Segment one"
style="width: 33.33333333333333%"
aria-valuenow="1" aria-valuemin="0" aria-valuemax="3"></div>
<div class="progress-bar bg-success" role="progressbar" aria-label="Segment two"
style="width: 66.66666666666666%"
aria-valuenow="3" aria-valuemin="0"
aria-valuemax="3"></div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div>
<strong class="font-monospace">
test_combining_layouts
</strong>
<span class="text-muted">(88.89% similar)</span>
</div>
<span class="text-muted">/Users/darrenburns/code/textual/tests/snapshot_tests/test_snapshots.py:9</span>
</div>
<div class="card-body">
<div class="row">
<div class="col">
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2259512415-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2259512415-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2259512415-r1 { fill: #c5c8c6 }
.terminal-2259512415-r2 { fill: #f6f5f5 }
.terminal-2259512415-r3 { fill: #e0dedb }
.terminal-2259512415-r4 { fill: #1e90ff }
.terminal-2259512415-r5 { fill: #c71585 }
.terminal-2259512415-r6 { fill: #f3f3f3 }
.terminal-2259512415-r7 { fill: #ffffff }
.terminal-2259512415-r8 { fill: #172127 }
.terminal-2259512415-r9 { fill: #adff2f }
</style>
<defs>
<clipPath id="terminal-2259512415-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2259512415-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2259512415-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2259512415-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Textual</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2259512415-clip-terminal)">
<rect fill="#534838" x="0" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="1.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="1.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="25.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="329.4" y="25.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="610" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="866.2" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="0" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="50.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="50.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="99.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="99.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="123.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="123.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="147.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="172.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="172.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="196.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="221.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="221.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="245.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="245.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="269.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="294.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="318.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="318.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="318.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="343.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="549" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="343.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="719.8" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="841.8" y="343.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="367.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="391.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="416.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="440.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="500.2" y="440.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="465.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="465.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="561.2" y="465.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="805.2" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="489.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="489.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="513.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="513.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="538.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="538.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2259512415-matrix">
<text class="terminal-2259512415-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2259512415-line-0)">
</text><text class="terminal-2259512415-r2" x="12.2" y="44.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-1)"></text><text class="terminal-2259512415-r2" x="329.4" y="44.4" textLength="280.6" clip-path="url(#terminal-2259512415-line-1)">CombiningLayoutsExample</text><text class="terminal-2259512415-r3" x="866.2" y="44.4" textLength="97.6" clip-path="url(#terminal-2259512415-line-1)">15:50:46</text><text class="terminal-2259512415-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-1)">
</text><text class="terminal-2259512415-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-2)">
</text><text class="terminal-2259512415-r4" x="0" y="93.2" textLength="488" clip-path="url(#terminal-2259512415-line-3)">┌──────────────────────────────────────┐</text><text class="terminal-2259512415-r5" x="488" y="93.2" textLength="488" clip-path="url(#terminal-2259512415-line-3)">┌──────────────────────────────────────┐</text><text class="terminal-2259512415-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-3)">
</text><text class="terminal-2259512415-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-4)"></text><text class="terminal-2259512415-r4" x="475.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-4)"></text><text class="terminal-2259512415-r5" x="488" y="117.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-4)"></text><text class="terminal-2259512415-r6" x="500.2" y="117.6" textLength="146.4" clip-path="url(#terminal-2259512415-line-4)">Horizontally</text><text class="terminal-2259512415-r6" x="658.8" y="117.6" textLength="122" clip-path="url(#terminal-2259512415-line-4)">Positioned</text><text class="terminal-2259512415-r6" x="793" y="117.6" textLength="97.6" clip-path="url(#terminal-2259512415-line-4)">Children</text><text class="terminal-2259512415-r6" x="902.8" y="117.6" textLength="48.8" clip-path="url(#terminal-2259512415-line-4)">Here</text><text class="terminal-2259512415-r5" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-4)"></text><text class="terminal-2259512415-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-4)">
</text><text class="terminal-2259512415-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2259512415-line-5)"></text><text class="terminal-2259512415-r7" x="24.4" y="142" textLength="292.8" clip-path="url(#terminal-2259512415-line-5)">Vertical&#160;layout,&#160;child&#160;0</text><text class="terminal-2259512415-r4" x="475.8" y="142" textLength="12.2" clip-path="url(#terminal-2259512415-line-5)"></text><text class="terminal-2259512415-r5" x="488" y="142" textLength="12.2" clip-path="url(#terminal-2259512415-line-5)"></text><text class="terminal-2259512415-r5" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-2259512415-line-5)"></text><text class="terminal-2259512415-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2259512415-line-5)">
</text><text class="terminal-2259512415-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-6)"></text><text class="terminal-2259512415-r4" x="475.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-6)"></text><text class="terminal-2259512415-r5" x="488" y="166.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-6)"></text><text class="terminal-2259512415-r5" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-6)"></text><text class="terminal-2259512415-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-6)">
</text><text class="terminal-2259512415-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-7)"></text><text class="terminal-2259512415-r4" x="475.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-7)"></text><text class="terminal-2259512415-r5" x="488" y="190.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-7)"></text><text class="terminal-2259512415-r5" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-7)"></text><text class="terminal-2259512415-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-7)">
</text><text class="terminal-2259512415-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-8)"></text><text class="terminal-2259512415-r4" x="475.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-8)"></text><text class="terminal-2259512415-r5" x="488" y="215.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-8)"></text><text class="terminal-2259512415-r5" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-8)"></text><text class="terminal-2259512415-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-8)">
</text><text class="terminal-2259512415-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-9)"></text><text class="terminal-2259512415-r7" x="24.4" y="239.6" textLength="292.8" clip-path="url(#terminal-2259512415-line-9)">Vertical&#160;layout,&#160;child&#160;1</text><text class="terminal-2259512415-r4" x="475.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-9)"></text><text class="terminal-2259512415-r5" x="488" y="239.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-9)"></text><text class="terminal-2259512415-r5" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-9)"></text><text class="terminal-2259512415-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-9)">
</text><text class="terminal-2259512415-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2259512415-line-10)"></text><text class="terminal-2259512415-r8" x="451.4" y="264" textLength="24.4" clip-path="url(#terminal-2259512415-line-10)">▇▇</text><text class="terminal-2259512415-r4" x="475.8" y="264" textLength="12.2" clip-path="url(#terminal-2259512415-line-10)"></text><text class="terminal-2259512415-r5" x="488" y="264" textLength="12.2" clip-path="url(#terminal-2259512415-line-10)"></text><text class="terminal-2259512415-r5" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-2259512415-line-10)"></text><text class="terminal-2259512415-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2259512415-line-10)">
</text><text class="terminal-2259512415-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-11)"></text><text class="terminal-2259512415-r4" x="475.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-11)"></text><text class="terminal-2259512415-r5" x="488" y="288.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-11)"></text><text class="terminal-2259512415-r5" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-11)"></text><text class="terminal-2259512415-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-11)">
</text><text class="terminal-2259512415-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-12)"></text><text class="terminal-2259512415-r4" x="475.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-12)"></text><text class="terminal-2259512415-r5" x="488" y="312.8" textLength="488" clip-path="url(#terminal-2259512415-line-12)">└──────────────────────────────────────┘</text><text class="terminal-2259512415-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-12)">
</text><text class="terminal-2259512415-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-13)"></text><text class="terminal-2259512415-r7" x="24.4" y="337.2" textLength="292.8" clip-path="url(#terminal-2259512415-line-13)">Vertical&#160;layout,&#160;child&#160;2</text><text class="terminal-2259512415-r4" x="475.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-13)"></text><text class="terminal-2259512415-r9" x="488" y="337.2" textLength="488" clip-path="url(#terminal-2259512415-line-13)">┌──────────────────────────────────────┐</text><text class="terminal-2259512415-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-13)">
</text><text class="terminal-2259512415-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-14)"></text><text class="terminal-2259512415-r4" x="475.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-14)"></text><text class="terminal-2259512415-r9" x="488" y="361.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-14)"></text><text class="terminal-2259512415-r6" x="500.2" y="361.6" textLength="48.8" clip-path="url(#terminal-2259512415-line-14)">This</text><text class="terminal-2259512415-r6" x="658.8" y="361.6" textLength="61" clip-path="url(#terminal-2259512415-line-14)">panel</text><text class="terminal-2259512415-r6" x="817.4" y="361.6" textLength="24.4" clip-path="url(#terminal-2259512415-line-14)">is</text><text class="terminal-2259512415-r9" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-14)"></text><text class="terminal-2259512415-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-14)">
</text><text class="terminal-2259512415-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2259512415-line-15)"></text><text class="terminal-2259512415-r4" x="475.8" y="386" textLength="12.2" clip-path="url(#terminal-2259512415-line-15)"></text><text class="terminal-2259512415-r9" x="488" y="386" textLength="12.2" clip-path="url(#terminal-2259512415-line-15)"></text><text class="terminal-2259512415-r9" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-2259512415-line-15)"></text><text class="terminal-2259512415-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2259512415-line-15)">
</text><text class="terminal-2259512415-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-16)"></text><text class="terminal-2259512415-r4" x="475.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-16)"></text><text class="terminal-2259512415-r9" x="488" y="410.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-16)"></text><text class="terminal-2259512415-r9" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-16)"></text><text class="terminal-2259512415-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-16)">
</text><text class="terminal-2259512415-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-17)"></text><text class="terminal-2259512415-r7" x="24.4" y="434.8" textLength="292.8" clip-path="url(#terminal-2259512415-line-17)">Vertical&#160;layout,&#160;child&#160;3</text><text class="terminal-2259512415-r4" x="475.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-17)"></text><text class="terminal-2259512415-r9" x="488" y="434.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-17)"></text><text class="terminal-2259512415-r9" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-17)"></text><text class="terminal-2259512415-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-17)">
</text><text class="terminal-2259512415-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-18)"></text><text class="terminal-2259512415-r4" x="475.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-18)"></text><text class="terminal-2259512415-r9" x="488" y="459.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-18)"></text><text class="terminal-2259512415-r9" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-18)"></text><text class="terminal-2259512415-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2259512415-line-18)">
</text><text class="terminal-2259512415-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-19)"></text><text class="terminal-2259512415-r4" x="475.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-19)"></text><text class="terminal-2259512415-r9" x="488" y="483.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-19)"></text><text class="terminal-2259512415-r6" x="500.2" y="483.6" textLength="61" clip-path="url(#terminal-2259512415-line-19)">using</text><text class="terminal-2259512415-r6" x="658.8" y="483.6" textLength="146.4" clip-path="url(#terminal-2259512415-line-19)">grid&#160;layout!</text><text class="terminal-2259512415-r9" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-19)"></text><text class="terminal-2259512415-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2259512415-line-19)">
</text><text class="terminal-2259512415-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-2259512415-line-20)"></text><text class="terminal-2259512415-r4" x="475.8" y="508" textLength="12.2" clip-path="url(#terminal-2259512415-line-20)"></text><text class="terminal-2259512415-r9" x="488" y="508" textLength="12.2" clip-path="url(#terminal-2259512415-line-20)"></text><text class="terminal-2259512415-r9" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-2259512415-line-20)"></text><text class="terminal-2259512415-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2259512415-line-20)">
</text><text class="terminal-2259512415-r4" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-21)"></text><text class="terminal-2259512415-r7" x="24.4" y="532.4" textLength="292.8" clip-path="url(#terminal-2259512415-line-21)">Vertical&#160;layout,&#160;child&#160;4</text><text class="terminal-2259512415-r4" x="475.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-21)"></text><text class="terminal-2259512415-r9" x="488" y="532.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-21)"></text><text class="terminal-2259512415-r9" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-21)"></text><text class="terminal-2259512415-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2259512415-line-21)">
</text><text class="terminal-2259512415-r4" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-22)"></text><text class="terminal-2259512415-r4" x="475.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-22)"></text><text class="terminal-2259512415-r9" x="488" y="556.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-22)"></text><text class="terminal-2259512415-r9" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-22)"></text><text class="terminal-2259512415-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2259512415-line-22)">
</text><text class="terminal-2259512415-r4" x="0" y="581.2" textLength="488" clip-path="url(#terminal-2259512415-line-23)">└──────────────────────────────────────┘</text><text class="terminal-2259512415-r9" x="488" y="581.2" textLength="488" clip-path="url(#terminal-2259512415-line-23)">└──────────────────────────────────────┘</text>
</g>
</g>
</svg>
<div class="w-100 d-flex justify-content-center mt-1">
<span class="small">Output from test</span>
</div>
</div>
<div class="col">
<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1942842461-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1942842461-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1942842461-r1 { fill: #c5c8c6 }
.terminal-1942842461-r2 { fill: #f6f5f5 }
.terminal-1942842461-r3 { fill: #e0dedb }
.terminal-1942842461-r4 { fill: #1e90ff }
.terminal-1942842461-r5 { fill: #c71585 }
.terminal-1942842461-r6 { fill: #f3f3f3 }
.terminal-1942842461-r7 { fill: #ffffff }
.terminal-1942842461-r8 { fill: #172127 }
.terminal-1942842461-r9 { fill: #adff2f }
</style>
<defs>
<clipPath id="terminal-1942842461-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1942842461-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1942842461-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1942842461-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Textual</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1942842461-clip-terminal)">
<rect fill="#534838" x="0" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="1.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="1.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="25.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="329.4" y="25.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="610" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="866.2" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="0" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#534838" x="97.6" y="50.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#625849" x="854" y="50.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="74.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="99.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="99.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="123.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="123.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="147.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="172.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="172.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="196.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="196.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="221.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="221.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="221.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="245.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="451.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="245.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="269.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="780.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="793" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="890.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="902.8" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="951.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="294.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="318.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="318.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="318.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="343.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="549" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="343.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="719.8" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="841.8" y="343.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="367.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="391.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="416.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="416.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="805.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="817.4" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="440.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="500.2" y="440.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="12.2" y="465.1" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="465.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="561.2" y="465.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="805.2" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="489.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="489.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="24.4" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="317.2" y="513.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="513.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="12.2" y="538.3" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#172127" x="451.4" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="475.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="500.2" y="538.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="646.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2d373d" x="658.8" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="963.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="0" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1f2930" x="488" y="562.7" width="488" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1942842461-matrix">
<text class="terminal-1942842461-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1942842461-line-0)">
</text><text class="terminal-1942842461-r2" x="12.2" y="44.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-1)"></text><text class="terminal-1942842461-r2" x="329.4" y="44.4" textLength="280.6" clip-path="url(#terminal-1942842461-line-1)">CombiningLayoutsExample</text><text class="terminal-1942842461-r3" x="866.2" y="44.4" textLength="97.6" clip-path="url(#terminal-1942842461-line-1)">14:29:12</text><text class="terminal-1942842461-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-1)">
</text><text class="terminal-1942842461-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-2)">
</text><text class="terminal-1942842461-r4" x="0" y="93.2" textLength="488" clip-path="url(#terminal-1942842461-line-3)">┌──────────────────────────────────────┐</text><text class="terminal-1942842461-r5" x="488" y="93.2" textLength="488" clip-path="url(#terminal-1942842461-line-3)">┌──────────────────────────────────────┐</text><text class="terminal-1942842461-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-3)">
</text><text class="terminal-1942842461-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-4)"></text><text class="terminal-1942842461-r4" x="475.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-4)"></text><text class="terminal-1942842461-r5" x="488" y="117.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-4)"></text><text class="terminal-1942842461-r6" x="500.2" y="117.6" textLength="146.4" clip-path="url(#terminal-1942842461-line-4)">Horizontally</text><text class="terminal-1942842461-r6" x="658.8" y="117.6" textLength="122" clip-path="url(#terminal-1942842461-line-4)">Positioned</text><text class="terminal-1942842461-r6" x="793" y="117.6" textLength="97.6" clip-path="url(#terminal-1942842461-line-4)">Children</text><text class="terminal-1942842461-r6" x="902.8" y="117.6" textLength="48.8" clip-path="url(#terminal-1942842461-line-4)">Here</text><text class="terminal-1942842461-r5" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-4)"></text><text class="terminal-1942842461-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-4)">
</text><text class="terminal-1942842461-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1942842461-line-5)"></text><text class="terminal-1942842461-r7" x="24.4" y="142" textLength="292.8" clip-path="url(#terminal-1942842461-line-5)">Vertical&#160;layout,&#160;child&#160;0</text><text class="terminal-1942842461-r4" x="475.8" y="142" textLength="12.2" clip-path="url(#terminal-1942842461-line-5)"></text><text class="terminal-1942842461-r5" x="488" y="142" textLength="12.2" clip-path="url(#terminal-1942842461-line-5)"></text><text class="terminal-1942842461-r5" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-1942842461-line-5)"></text><text class="terminal-1942842461-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1942842461-line-5)">
</text><text class="terminal-1942842461-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-6)"></text><text class="terminal-1942842461-r4" x="475.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-6)"></text><text class="terminal-1942842461-r5" x="488" y="166.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-6)"></text><text class="terminal-1942842461-r5" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-6)"></text><text class="terminal-1942842461-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-6)">
</text><text class="terminal-1942842461-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-7)"></text><text class="terminal-1942842461-r4" x="475.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-7)"></text><text class="terminal-1942842461-r5" x="488" y="190.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-7)"></text><text class="terminal-1942842461-r5" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-7)"></text><text class="terminal-1942842461-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-7)">
</text><text class="terminal-1942842461-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-8)"></text><text class="terminal-1942842461-r4" x="475.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-8)"></text><text class="terminal-1942842461-r5" x="488" y="215.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-8)"></text><text class="terminal-1942842461-r5" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-8)"></text><text class="terminal-1942842461-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-8)">
</text><text class="terminal-1942842461-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-9)"></text><text class="terminal-1942842461-r7" x="24.4" y="239.6" textLength="292.8" clip-path="url(#terminal-1942842461-line-9)">Vertical&#160;layout,&#160;child&#160;1</text><text class="terminal-1942842461-r4" x="475.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-9)"></text><text class="terminal-1942842461-r5" x="488" y="239.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-9)"></text><text class="terminal-1942842461-r5" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-9)"></text><text class="terminal-1942842461-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-9)">
</text><text class="terminal-1942842461-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-1942842461-line-10)"></text><text class="terminal-1942842461-r8" x="451.4" y="264" textLength="24.4" clip-path="url(#terminal-1942842461-line-10)">▇▇</text><text class="terminal-1942842461-r4" x="475.8" y="264" textLength="12.2" clip-path="url(#terminal-1942842461-line-10)"></text><text class="terminal-1942842461-r5" x="488" y="264" textLength="12.2" clip-path="url(#terminal-1942842461-line-10)"></text><text class="terminal-1942842461-r5" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-1942842461-line-10)"></text><text class="terminal-1942842461-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1942842461-line-10)">
</text><text class="terminal-1942842461-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-11)"></text><text class="terminal-1942842461-r4" x="475.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-11)"></text><text class="terminal-1942842461-r5" x="488" y="288.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-11)"></text><text class="terminal-1942842461-r5" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-11)"></text><text class="terminal-1942842461-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-11)">
</text><text class="terminal-1942842461-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-12)"></text><text class="terminal-1942842461-r4" x="475.8" y="312.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-12)"></text><text class="terminal-1942842461-r5" x="488" y="312.8" textLength="488" clip-path="url(#terminal-1942842461-line-12)">└──────────────────────────────────────┘</text><text class="terminal-1942842461-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-12)">
</text><text class="terminal-1942842461-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-13)"></text><text class="terminal-1942842461-r7" x="24.4" y="337.2" textLength="292.8" clip-path="url(#terminal-1942842461-line-13)">Vertical&#160;layout,&#160;child&#160;2</text><text class="terminal-1942842461-r4" x="475.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-13)"></text><text class="terminal-1942842461-r9" x="488" y="337.2" textLength="488" clip-path="url(#terminal-1942842461-line-13)">┌──────────────────────────────────────┐</text><text class="terminal-1942842461-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-13)">
</text><text class="terminal-1942842461-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-14)"></text><text class="terminal-1942842461-r4" x="475.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-14)"></text><text class="terminal-1942842461-r9" x="488" y="361.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-14)"></text><text class="terminal-1942842461-r6" x="500.2" y="361.6" textLength="48.8" clip-path="url(#terminal-1942842461-line-14)">This</text><text class="terminal-1942842461-r6" x="658.8" y="361.6" textLength="61" clip-path="url(#terminal-1942842461-line-14)">panel</text><text class="terminal-1942842461-r6" x="817.4" y="361.6" textLength="24.4" clip-path="url(#terminal-1942842461-line-14)">is</text><text class="terminal-1942842461-r9" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-14)"></text><text class="terminal-1942842461-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-14)">
</text><text class="terminal-1942842461-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-1942842461-line-15)"></text><text class="terminal-1942842461-r4" x="475.8" y="386" textLength="12.2" clip-path="url(#terminal-1942842461-line-15)"></text><text class="terminal-1942842461-r9" x="488" y="386" textLength="12.2" clip-path="url(#terminal-1942842461-line-15)"></text><text class="terminal-1942842461-r9" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-1942842461-line-15)"></text><text class="terminal-1942842461-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1942842461-line-15)">
</text><text class="terminal-1942842461-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-16)"></text><text class="terminal-1942842461-r4" x="475.8" y="410.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-16)"></text><text class="terminal-1942842461-r9" x="488" y="410.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-16)"></text><text class="terminal-1942842461-r9" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-16)"></text><text class="terminal-1942842461-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-16)">
</text><text class="terminal-1942842461-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-17)"></text><text class="terminal-1942842461-r7" x="24.4" y="434.8" textLength="292.8" clip-path="url(#terminal-1942842461-line-17)">Vertical&#160;layout,&#160;child&#160;3</text><text class="terminal-1942842461-r4" x="475.8" y="434.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-17)"></text><text class="terminal-1942842461-r9" x="488" y="434.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-17)"></text><text class="terminal-1942842461-r9" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-17)"></text><text class="terminal-1942842461-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-17)">
</text><text class="terminal-1942842461-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-18)"></text><text class="terminal-1942842461-r4" x="475.8" y="459.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-18)"></text><text class="terminal-1942842461-r9" x="488" y="459.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-18)"></text><text class="terminal-1942842461-r9" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-18)"></text><text class="terminal-1942842461-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1942842461-line-18)">
</text><text class="terminal-1942842461-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-19)"></text><text class="terminal-1942842461-r4" x="475.8" y="483.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-19)"></text><text class="terminal-1942842461-r9" x="488" y="483.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-19)"></text><text class="terminal-1942842461-r6" x="500.2" y="483.6" textLength="61" clip-path="url(#terminal-1942842461-line-19)">using</text><text class="terminal-1942842461-r6" x="658.8" y="483.6" textLength="146.4" clip-path="url(#terminal-1942842461-line-19)">grid&#160;layout!</text><text class="terminal-1942842461-r9" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-19)"></text><text class="terminal-1942842461-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1942842461-line-19)">
</text><text class="terminal-1942842461-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-1942842461-line-20)"></text><text class="terminal-1942842461-r4" x="475.8" y="508" textLength="12.2" clip-path="url(#terminal-1942842461-line-20)"></text><text class="terminal-1942842461-r9" x="488" y="508" textLength="12.2" clip-path="url(#terminal-1942842461-line-20)"></text><text class="terminal-1942842461-r9" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-1942842461-line-20)"></text><text class="terminal-1942842461-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1942842461-line-20)">
</text><text class="terminal-1942842461-r4" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-21)"></text><text class="terminal-1942842461-r7" x="24.4" y="532.4" textLength="292.8" clip-path="url(#terminal-1942842461-line-21)">Vertical&#160;layout,&#160;child&#160;4</text><text class="terminal-1942842461-r4" x="475.8" y="532.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-21)"></text><text class="terminal-1942842461-r9" x="488" y="532.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-21)"></text><text class="terminal-1942842461-r9" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-21)"></text><text class="terminal-1942842461-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1942842461-line-21)">
</text><text class="terminal-1942842461-r4" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-22)"></text><text class="terminal-1942842461-r4" x="475.8" y="556.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-22)"></text><text class="terminal-1942842461-r9" x="488" y="556.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-22)"></text><text class="terminal-1942842461-r9" x="963.8" y="556.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-22)"></text><text class="terminal-1942842461-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1942842461-line-22)">
</text><text class="terminal-1942842461-r4" x="0" y="581.2" textLength="488" clip-path="url(#terminal-1942842461-line-23)">└──────────────────────────────────────┘</text><text class="terminal-1942842461-r9" x="488" y="581.2" textLength="488" clip-path="url(#terminal-1942842461-line-23)">└──────────────────────────────────────┘</text>
</g>
</g>
</svg>
<div class="w-100 d-flex justify-content-center mt-1">
<span class="small">Historical snapshot</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" style="background-color:#F4F8F7;">
<div class="col">
<div class="card bg-light">
<div class="card-body">
<p class="card-text">If you're happy with the change, run pytest with the <span class="font-monospace text-primary">--snapshot-update</span> flag to update the snapshot.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="w-100 d-flex p-4 justify-content-center">
<p class="text-muted">Report generated at UTC 2022-09-16 14:50:47.993944.</p>
</div>
</div>
</div>
</div>
</body>
</html>