From c7ccba8384dc4b3e556c15a198d5cf31a18dca91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Thu, 17 Feb 2022 15:57:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E7=9B=91=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/AppVideoSurve/AppVideoSurve.vue   | 276 ++++++++++++---------
 src/mods/AppVideoSurve/monitorDetail.vue   |  92 +++++++
 src/static/AppVideoSurve/not-play-icon.png | Bin 0 -> 1575 bytes
 src/static/AppVideoSurve/off-icon.png      | Bin 0 -> 2065 bytes
 src/static/AppVideoSurve/offline.png       | Bin 0 -> 21129 bytes
 src/static/AppVideoSurve/on-icon.png       | Bin 0 -> 802 bytes
 src/static/AppVideoSurve/play-icon.png     | Bin 0 -> 622 bytes
 7 files changed, 255 insertions(+), 113 deletions(-)
 create mode 100644 src/mods/AppVideoSurve/monitorDetail.vue
 create mode 100644 src/static/AppVideoSurve/not-play-icon.png
 create mode 100644 src/static/AppVideoSurve/off-icon.png
 create mode 100644 src/static/AppVideoSurve/offline.png
 create mode 100644 src/static/AppVideoSurve/on-icon.png
 create mode 100644 src/static/AppVideoSurve/play-icon.png

diff --git a/src/mods/AppVideoSurve/AppVideoSurve.vue b/src/mods/AppVideoSurve/AppVideoSurve.vue
index fa58e0c..fb24ff5 100644
--- a/src/mods/AppVideoSurve/AppVideoSurve.vue
+++ b/src/mods/AppVideoSurve/AppVideoSurve.vue
@@ -1,57 +1,41 @@
 <template>
-  <div class="videoSurve">
-    <div class="top">
-      <AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
+  <section class="videoSurveillance">
+    <div class="area-content">
+      <AiAreaPicker class="ai-area" :value="areaId" :areaId="areaId" :name.sync="areaName" @select="areaSelect">
         <div class="ai-area__wrapper">
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
-          <!-- <u-icon name="arrow-right"></u-icon> -->
+          <u-icon name="arrow-down" color="#666" size="24"></u-icon>
         </div>
       </AiAreaPicker>
+    </div>
 
-      <div class="msgs">
-        <div class="item">
-          <span class="tag"></span>
-          <span class="hint">设备总数</span>
-          <span class="num">50</span>
-        </div>
-
-        <div class="item">
-          <span class="tag"></span>
-          <span class="hint">在线率</span>
-          <span class="num">68%</span>
-        </div>
-
-        <div class="item">
-          <span class="tag"></span>
-          <span class="hint">在线设备</span>
-          <span class="num">34</span>
-        </div>
-
-        <div class="item">
-          <span class="tag"></span>
-          <span class="hint">离线设备</span>
-          <span class="num">16</span>
-        </div>
+    <div class="num-content">
+      <div class="item">
+        <h3>{{ count.online || 0 }}</h3>
+        <p>在线设备</p>
+      </div>
+      <div class="item">
+        <h3>{{ count.sum - count.online || 0 }}</h3>
+        <p>离线</p>
+      </div>
+      <div class="item">
+        <h3>{{ onlineRate * 100 || 0 }}%</h3>
+        <p>在线率</p>
       </div>
     </div>
 
-    <div class="middle">
-      <div class="nav">设备列表</div>
-
-      <div class="imgs">
-        <div class="items">
-          <img src="../../static/img/avatar.png" alt="" />
-          <span class="hint">11</span>
-        </div>
-
-        <div class="items">
-          <img src="../../static/img/avatar.png" alt="" />
-          <span class="hint">11</span>
-        </div>
+    <div class="list-content">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="showMonitor(item)">
+        <img class="img" :src="item.indexUrl" alt="" v-if="item.deviceStatus == 1" />
+        <img class="img" src="../../static/AppVideoSurve/offline.png" alt="" v-else />
+        <p>{{ item.name }}</p>
+        <img class="icon" src="../../static/AppVideoSurve/play-icon.png" alt="" v-if="item.deviceStatus == 1" />
+        <img class="icon" src="../../static/AppVideoSurve/not-play-icon.png" alt="" v-else />
       </div>
+      <AiEmpty v-if="!list.length" />
     </div>
-  </div>
+  </section>
 </template>
 
 <script>
@@ -60,39 +44,79 @@ import { mapState } from 'vuex'
 export default {
   name: 'AppVideoSurve',
   appName: '视频监控',
-  components: {},
-  props: {},
   data() {
     return {
+      nodes: [{ nodeName: '首页' }],
+      monitors: [],
+
       areaId: '',
-      $areaId: '',
       areaName: '',
+      list: [],
+      count: {},
+      Echart: null,
+      onlineRate: '',
+      offlineRate: '',
     }
   },
-  computed: {
-    ...mapState(['user']),
-  },
-  watch: {},
-  onLoad() {
+  computed: { ...mapState(['user']) },
+  onLoad() {},
+  onShow() {
     this.areaId = this.$areaId
     this.areaName = this.$areaName
+    this.getList()
   },
-  onShow() {},
   methods: {
+    getMonitors(nodeId, queryType = 0) {
+      this.monitors = []
+      this.$instance
+        .post('/app/appzyvideoequipment/getTree', {
+          nodeId,
+          queryType,
+        })
+        .then((res) => {
+          if (res?.data) {
+            this.monitors = JSON.parse(res.data)?.[queryType == 0 ? 'node' : 'device'] || []
+          }
+        })
+    },
+    getMore(row) {
+      this.nodes.push(row)
+      this.getMonitors(row.nodeId, row.hasChild == 1 ? 0 : 1)
+    },
+    isCurrent(index) {
+      return index == Math.max(this.nodes?.length - 1, 0)
+    },
+    gotoNode(node, index) {
+      this.nodes.splice(index + 1)
+      this.getMonitors(node.nodeId)
+    },
+    getList() {
+      this.$instance.post(`/app/appzyvideoequipment/getAreaEquipment?areaId=${this.areaId}`).then((res) => {
+        if (res?.data) {
+          this.list = res.data.list
+          this.count = res.data.count
+          this.onlineRate = (this.count.online / this.count.sum).toFixed(2)
+          this.offlineRate = (1 - this.onlineRate).toFixed(2)
+        }
+      })
+    },
     areaSelect(e) {
-      console.log(e)
+      this.areaId = e
+      this.getList()
+    },
+    showMonitor(row) {
+      if (row.deviceStatus != 1) return
+      uni.navigateTo({ url: `./monitorDetail?id=${row.id}` })
     },
   },
 }
 </script>
 
-<style scoped lang="scss">
-.videoSurve {
-  height: 100%;
-  .top {
-    padding: 0 32px;
-    background: #58657e;
-    color: #fff;
+<style lang="scss" scoped>
+.videoSurveillance {
+  background: #fff;
+  padding: 0 32px;
+  .area-content {
     .ai-area {
       .ai-area__wrapper {
         padding: 28px 0;
@@ -100,71 +124,97 @@ export default {
           font-size: 40px;
           font-weight: 600;
         }
-      }
-    }
 
-    .msgs {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 8px 0 32px 0;
-      .item {
-        margin-top: 24px;
-        .tag {
-          display: inline-block;
-          width: 8px;
-          height: 8px;
-          vertical-align: middle;
-          margin-right: 8px;
-          background: #fff;
-          border-radius: 50%;
+        .u-icon {
+          margin-left: 6px;
         }
-        .hint {
-          font-size: 28px;
-        }
-        .num {
-          font-size: 28px;
-          font-weight: 500;
-          margin-left: 32px;
-        }
-      }
-      .item:nth-child(2n + 1) {
-        width: 45%;
-      }
-      .item:nth-child(2n) {
-        width: 55%;
       }
     }
   }
 
-  .middle {
-    padding: 0 32px;
-    .nav {
-      padding: 48px 0 32px 0;
-      font-size: 38px;
-      font-weight: 600;
-    }
+  .num-content {
+    // width: calc(100% - 40px);
+    height: 164px;
+    background: #eee;
+    border-radius: 16px;
+    margin: 32px 0 0 0;
+    display: flex;
 
-    .imgs {
-      display: flex;
-      flex-wrap: wrap;
-      .items {
-        width: 49%;
-        margin-top: 24px;
-        img {
-          width: 100%;
-          height: 188px;
-        }
-        .hint {
-          margin-top: 8px;
-        }
+    .item {
+      flex: 1;
+      text-align: center;
+      position: relative;
+
+      .monitor-icon {
+        width: 48px;
+        height: 48px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin-left: -24px;
+        margin-top: -24px;
       }
-      .items:nth-child(2n + 1) {
-        margin-right: 2%;
+
+      h3 {
+        font-size: 44px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #333;
+        line-height: 60px;
+        margin-top: 32px;
       }
-      .items:nth-child(-n + 2) {
-        margin-top: 0;
+
+      p {
+        font-size: 28px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #666;
+        line-height: 40px;
       }
     }
   }
+
+  .list-content {
+    width: 100%;
+    padding: 38px 0 0 0;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .item {
+      display: inline-block;
+      width: calc(50% - 36px);
+      // margin-right: 36px;
+      border-radius: 16px;
+      position: relative;
+      margin-bottom: 32px;
+      vertical-align: top;
+
+      .img {
+        width: 100%;
+        height: 218px;
+        margin-bottom: 8px;
+        border-radius: 16px;
+      }
+
+      p {
+        width: 100%;
+        font-size: 34px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        color: #333;
+        line-height: 48px;
+        word-break: break-all;
+      }
+
+      .icon {
+        width: 40px;
+        height: 48px;
+        position: absolute;
+        top: 84px;
+        left: 158px;
+      }
+    }
+    .item:nth-child(2n + 0) {
+      margin-left: 36px;
+    }
+  }
 }
 </style>
diff --git a/src/mods/AppVideoSurve/monitorDetail.vue b/src/mods/AppVideoSurve/monitorDetail.vue
new file mode 100644
index 0000000..67cd86f
--- /dev/null
+++ b/src/mods/AppVideoSurve/monitorDetail.vue
@@ -0,0 +1,92 @@
+<template>
+  <section class="monitorDetail">
+    <div class="videoBox">
+      <iframe ref="monitorIns" :style="style" :src="monitor.url" allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency allowusermedia frameBorder="no" />
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'monitorDetail',
+  data() {
+    return {
+      style: {},
+      monitor: {},
+      width: '',
+      height: '',
+    }
+  },
+  onLoad(params) {
+    this.getDetail(params.id)
+  },
+  onShow() {
+    this.$nextTick(() => {
+      this.detectOrient()
+    })
+  },
+  methods: {
+    getDetail(deviceId) {
+      deviceId &&
+        this.$instance
+          .post('/app/appzyvideoequipment/getWebSdkUrl', null, {
+            params: { deviceId },
+          })
+          .then((res) => {
+            if (res?.data) {
+              this.monitor = JSON.parse(res.data)
+            }
+          })
+    },
+
+    detectOrient() {
+      uni.onWindowResize((res) => {
+        this.width = res.size.windowWidth
+        this.height = res.size.windowHeight
+        console.log('变化后的窗口宽度=' + res.size.windowWidth)
+        console.log('变化后的窗口高度=' + res.size.windowHeight)
+      })
+      // var width = document.querySelector('.monitorDetail').clientWidth
+      // var height = document.querySelector('.monitorDetail').clientHeight
+      if (this.width >= this.height) {
+        // 竖屏
+        this.style = {
+          width: '100%',
+          height: '100%',
+          transform: 'rotate(0eg)',
+          transformOrigin: `0 0`,
+        }
+      } else {
+        this.style = {
+          width: height + 'px',
+          height: width + 'px',
+          transform: 'rotate(90deg)',
+          transformOrigin: `${width / 2}px ${width / 2}px`,
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.monitorDetail {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  background: #000;
+  color: #fff;
+
+  .videoBox {
+    width: 100vw;
+    height: 100vh;
+
+    iframe {
+    }
+  }
+}
+</style>
diff --git a/src/static/AppVideoSurve/not-play-icon.png b/src/static/AppVideoSurve/not-play-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e103f0245d7f6e93a4899e4f488404bf56678c8
GIT binary patch
literal 1575
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
Z{|6{IbIik_NGJdR002ovPDHLkV1mn&$8P`t

literal 0
HcmV?d00001

diff --git a/src/static/AppVideoSurve/off-icon.png b/src/static/AppVideoSurve/off-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3483b3f8061c4a0a03937acce75af6a6dd7f4b4e
GIT binary patch
literal 2065
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

literal 0
HcmV?d00001

diff --git a/src/static/AppVideoSurve/offline.png b/src/static/AppVideoSurve/offline.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8d8e71e1bec1d709ff76757e13f14ed57433ad1
GIT binary patch
literal 21129
zcmXtg1ymeAy!9^LVx<(<LMg@F9a`LqyE`mW7PrNrcyV`kcXyYC#oe9a-pBua-%HL+
zGMSu{Op<eR?=Q)OD#}ZszbAYT007XXB)=;G06>+u_!0`z+x<bmrT8rXIx0zs0xBkm
z58ocXn`%gz$;km|-{L3$V6Y_s;lC_z7vb9l0KjJf0q}1j@V~Syxc_?#RLO$>zc^s&
zzl>@pPH&|N1Eju-sJH@8z23E%aKw8bfnN0N*vDb)At$2n6hmLb%6`L9y!Q)f-8yJG
zXS*aq#uAtKmmAU)1{rGlj50!z17WQhrr@g?!Qh;_er<VbzZ258^-?WVYHqYuT`g%*
zjR()m{QA%R@#K1QjRs0B`YSvfmm8~5XF{q;{B6vpxUx6}d#S}ep2h`c1)rwxY?PIi
z3lzV_oj|xr4s3}n^H|8X$MBxdssT$A^N}s5UWcp7y%|$r%kEDZ%!pS3;S;S$sDWXe
znJd>LxlxQ|(#oxu2a%hvBmJ1;sXChXZQ!8o08?i)ZSul8h@GOt2N49IGPLd>4_sjB
zEug_65TI@6+jJ{DY)iPDdY$L&==OP10$!j=mcB{@a=G%E&3?u_a_yw}OK3I3eThmL
znoxc}_>Pt6r7tcyCFaYQJX2#J+E)xT>Fa4QVGptA5^}oRVJmx|zjZpIfy;cg*D8DB
zL<9JW^6YY8+S3ib+yQlH%xO`j+Y<x}AD4d^`W)zx`GqM9*E}CjGWUFQ^piz-H3Ug8
zVI%jDJ%H!F4wLt4#>FxOIgtr9tNg&TYnc7Cc9nx6K-<!{$EmmA0%_f*{=H(S`(`dv
zx(1s=HT%gxxeCpY?HC*(@%9&c#Uo&Gufqde`xUOivPf(l2p3TQa{4ujpOh$xHTZdX
zT6?8JrV=o_HFiA!C|LUbfQfB#sBBCk!QFIL2U&Ku^yLJB;K>W?<3_n|7ODtVR3}xC
zhx|C8#eaJcKi*BqE{5!2dcV?dG+=Ebs10N{W9(Oc6`=$H>u`Jo-5FBk?*etZZvP^r
zOu_|5sHYaALega!fJeXoN+?82$y$!bp&wwhaq}V~b-v)*FNYA`BfWP^E?ADWOcB?-
zkeaXiU|Wf}Al{<V5GEgndhGc*EfBHbR-@)58~fYv+NIC#mieAsg@(6K=HBrDfYO{B
zjm`0*wHFRS!6K}|bOmG%8%UHVbkou7Xxc;Hyw!$)3YObmw648FT_1%^-fM5c)+ZFH
z)fxZsch}vOl3C%?Pm$pQqAzobd&}CR2H5Y%N-aO@fPe=3glrFPd7n;*6z^WQGnHeN
z^W~l#f_88!wM?>hrr|6qn;P;uY?Q|fEz$h-ugEKQW0@j@4~LME1ru@e13Js=APqdr
z(opbXc0?VARS=$?DW|^OLH85s>bh+5BD?Lljc>L!eRP3btSk4FC%+`T?iF(x`p&3K
z%0%T=fc-Ij7HHyjhFzBx`quZx49rj6zQK27w6b!f8O~zp$Z+W6+`q{g8k(Y~IB=&<
z-{(&^oMjoOwbd_WdM=^VUs|kvn3#a;XdsUOjn9Y@O@FL^2`w(}4K^vGFX}IeDC^}V
zBl-?yx3j<pC7->o1sx7rk|mNZ2~HUKuF2p=Q$M3#C`!wRzh~4SfAd-H>BM+aUfCu(
z(5;h%AZkWC^_jx4XWs*q4wIXDLohdwy5y-7>On_VZxNSSep)icxZJtZa=_zFCSu;;
zB-x*e^_nYLmJsfuIyassPs<dhfYy09o9(l5ktrQ*;YRZ%htvdxMCk5jGF;IjH;5nP
zDIJyDzY7JApm@7zcg-U!QZ{fvvF10=DxB`DCY>FuHyY5l9NNZ?_dd7JKaT-8CJgd=
z?b&%P-8b%MM4)XU$n$)-22ZsSnrtNVh6TOzUZIBRq&?%>UFIGOOZAOJck!~MLnip1
z^kPuYht|LZf~=YzDWotNF+F@0BK2SzzWa7lU}FS<g0jp-i~rR4c|l<ek*gnKO11DF
zWGS5Wvt5;Nm2d~chF%@vT*5E+)13K_!ui#8)l#{Y&<`+hfXDcht(RDvr+QC=L@FDx
zIoU1hWwRSTwSHQfFea`=Afoi(UA?F)jFl&(CV^<jX#mdFqs750zZ;7`1=BDuHrQcY
zjHmm&4RJxfWt_KC)tRu)Bq$}&T?*dc^4lPn{ep$&0hS4P4X%STNG%VF905`wtJ~nU
z^VK@_<t*!mK4{It$miKq2nm7;s(D;D*xH>r;3YaWATNF|2sdU)-kl2+3O6RLiqu^4
z?u}2)>De<?XXJpY7WRvQX&UPL7jxjM0)9bdd3P9x<%WZ$EUI^v@E^oqm_<?}!F2|{
z2EJ!C5DyWk1BrZzY6g?DE^<-Dv=jeiko*z(X9hmhEX)Hz;ILo{V>PbNf%=lx=QI;v
zoyzR5G!;-Qbo_Cmo^}urkNBrHSp@mJOhYZC=ae9BpSZ&Rz#pd7HLq6AQ0;xF%O!TB
zij}^+?+IrAU2yEX9gAhLY6)yi|A|T#;pO`RanQ9+54vt@n!xT^)P&ql$QvDhxk1R9
z;XgAF7Hfisv@PBJ1uIh?wFKCk02`SgN4e8_^)pjs3z<Vik0|AMo?2OjfcW^F$w&n<
zFv-`<0>|j+D2KP&t=a(_>~!Q-zyt3}-r!U~8`Z+2kRYrjy=Lx9dR+$6Ech#mPB&aP
zoLfBr`0??uN<kmJX=jdIKcmdj3$uuwAH8(@)E4dN!}GJ2@Es-zh8I;Q2qr)NNUEr7
z9PGQP^`&o{zN-VyU~c2Rcb>0!1~-9kMg-#4N!c=0BsCE_1r1P<#QF%yK#7mg&lFK8
z6IYnbVBNrH${{FQ0BSvl;O6-&Cd#tjB;a}oZt1l`Zl)nPwKB#PF#Ac(*!XawvNmRI
zA_%%0Y=6wqB?$Qg=BAnO#wtutJ&PR`3}g@5-a&NVXHWzdWl!_2lZ*KO*P%9Vqq#`u
z@KJR4@`#-)lW7gxPWpis_CAHPfs>u-J8!z-{d2u&Avv25uJC$Sloz?YSV1il3)#Jt
zvEJJty0|j+{me-_CrTVq=v5FXo=>%9_hg{}>it!5xrBdO3KebQqVE#Svd(?-m!~Fa
zONn&Fx2qC8PPcZ^rGU;f{OD&8Li~y1HRGST23JSom5yCkhn{y8Xn&^#0m+kbh$K1O
zgR||XKBnJI<F<gTEO!u9(uYAh@2S&CMEBoqnxI-N`^H9yyZ<_iUMk1kSje7q@9P)y
z$qLlkhIUlEtj-MW&v^Y!fgItAZ)Q=BH7U4escJ)RXPj>Whmqg$>OxENk)@e50HAQr
z`O^va>X+mJZm9pdCh9E0>_iEkG$t;}o41HSbp0v)=j`$T6(7o8UR?P6K{8uPI<T$=
z(SmIi1&tEj@OemrkScn@^`dnh&gLpFr78*%?B)0Jg+^b}x)SjyBRhx1-+B#hDbisx
zPYF!AZXh#4G{b8RY`|NN_Wq-`lU?cN#hyNK$<7b})fU!o`ePGOS726@ojt=P&6d`J
zwQVDx(R6J#g6URU4_Nwrx*MAoC;s|{-~j#v`8t{D{zf}X&EufK;=Q6~G%kwMD!1j0
zI@OLngK%o=HM6}=*tH%%h^RIyZ}(h4##B3(o6qm8V9skav%Ew^3m10^9>uURruG}<
z(7_w}OgN+*I8#>^^zWixpU_9sWYu8l-be<Yb23A9TIeYI{1N@$Jg*_pC{DW}DuX7g
zfM%*NAT`S20x2t>qr?kDwD7wjztXYk4U?a&P@Q}<8u^yz^PB6@yt?Wo9sef4SqYRJ
z2F*XP>-zic9nLd@;9L6^2e=Hl7Yw)<{M%Asl?|r_?#H)zYc^tiPU}-(t_U~(^(Mp=
z_iuBq)i?XI={c_}?dkCT0q}u>R%N|QaDu!R#7P$fum@4@Ox%ll>Os_HEPfkfUDO#4
zbi+*9MC!g$hUioRt9mP6rAkC@lmoU-BI?zBM{)|eV6Qgc1bx)1@k3?hfyIXKUTX9<
z-m$jsN{}z0s2()SMNF*I(qm{~X?-ofFb~VC9$$4mpY3qs7-q=I`8l0sqXUBDWVh%5
zzd^`<=+F&!S|e-=j7Pfgr4~^sj1jtjgDK}Xn2Mg2!xerq4nK6jef<6lbq`n3iL&Os
z13M=xl)$`WgUbxK5Zf@jIgl5q^M)`>Nyf;$NA`M76Qz2(S8+nakOM#qHnVJ|o35ao
zc~hnr8vTnS2+LgPqPfBOD#+EFA-dsIXJgzhg11o9*1TvuB_KVZBVm7L>gVHJ^;z9J
zuLXa26v5sl`3+NVeO}W8{?9AzxCZN4mDWAC<~~!FFQ3jdh2@q*Ue<s!OEedVsMk4&
zNXYNaT&oN=Fo#}vnQ*%TrIO9%WMz}*E>nfS1Ri?`%Ngcom>D9AQaNc1ZXY}veJ7PW
zw(Px;+MUX<S<a*NFHBwXUQ+CqB_a(eCpx0Uw+`BwtlK=W1$o}&5$MOFm3g5S)f4*U
zS=i%)0YWT{o;$JsZhr@c;a2D|Ulaa)8h=0{M8<_$EjF*)z(6;qd`fn8g)(AVjdg5h
zxw(|^tQp6A-^iRuNeI{}dzH<0OQiVDEU{1TsImq)1S>Sy#F0-K0AuKsEo}{KQWUmW
z8{)f195R=(k`nM$jAZ8u_VokbUZ>&ZgE=sJDnP5(A0{&q|14o!w#X68yCt3F*0(g|
zvUacxq&fh$4xvb=8u~Qbt4?0;idt9<qo+6hl6iPdf_9D&2gM8RLN9|!0vt{;d!~LN
z_F@L<HT<Hur7gI+v0kWWIEgk{_pVpgJ08C^PIZu-mf-c4oxi!52D{VsKnu}_z8CW_
z&$<5?MI0!LUMz8bD}Wtv(h3Xz%(jJ}lJ4hOQ3+kFX2+}uxbI#FORQvhX~fSej}esB
zhSk`)hx*p4;!c6`dg&FQV2#4sb}8%lsOluDB&EriY+$nmKA$f|xg8Kky-d?s>}yKw
z4DsTlag7=qE4vLYgEqEV>0%0}Br2|?DX=V=(<3!g<%5YaG9V+r%ajXQo|ePhvUU(@
z`~<0cwtb1B!pBy%8pi7as{%INw)Tbx)P7t-<21w<Bz_pO4&79k)PS5WN50<#s+6WP
z=HBGjw{SX*=vzNV>#9_+Y17_v0|2sFI-q+MIFGnc=bT9^3VB5;hW{mA<Jy{hHW4Lv
zmfn<)S!fe}Pwy3hR^>@FIk9<%-y8uYzrv;}C(=V%D^6nuB2$C{T1Ve_&^$*`e1)5J
z;JaV-_cfA(oH9)v1gjcsAe<x^l-w01$SHke1a||GX0%%+fmGD37IK~w+7RU^W$EBn
zH4BsM;C8D&NXlPoEVp9073Bq>VP;)!oSb$-tn5uun}kQ2jwyo+e!^LXBMWun0+Mpt
zHx_Ket;<*02Zno_Zj+HZv14(^l%9-&erp;&-zad2y=*oi&Hd@hC26qVLENa<`%Fwf
zMTff)#&ueTX;v(NS=2N>c$|A`PpIRhvAzX~yhqdY+XzFL9Y@rg@h8*ls>cM$J~bWY
zAqxrN8W2s-r#x7=pFk4%QzEM({V|c#>z1>}bk;pCy&esdrMKn2bjS#OW}=oIS*ujF
z{(4%V)wjJO>&8$AjZBBQGh?jkX$Tq)pL~*Z<U_tf6k3GqwjI7b98ihGDd)44I+Y_$
zubeX+Q*?Y+1T|F)bvg2aI^$ab@HJPe_^ij0RQ-x%)MZh+)H-4jcmxT`Ic>BaxNQtW
z4<f|Wc&C9gM~e)eRfaR<#|iET0@iQy58pO=zkHJpkk;0Bf5_duz45@+34AtopgKuK
z2h)J~v0QbWW20hmTNoC%-C?Si#%dH?6pp|NwjQF!F||uel7k}<FIO^1G%PO~iD10*
zF<ifo5S1AsSTC#u6XgC@fY#EHywKs?=J^ir=s(aaf_!zx6oIr0;LN~Y20;jcIj*yR
z?SA?D`|SoYjAem=9p5?jW_<f`SEUj^?6QO?iBWhg^Ltd(zHzm!gSr$w(ka6NWFh@G
zF_pZ3JA%}oQYApjzlokhPl6llK)1?ZtI>sxxo~n^e3q)B!Nw??ob2!KtV=Ko&+Vw{
zQe|6gPIo=)k7~%h5M;<D-#Ts1`@C`aHltH7M>trV%;2AY2i5$j;kAaG3Go>-mn#SA
zR7vbtV+`7go9$QM{=xecgiI~n3a<eKQ(QEs4@($l=>4@MgHgZH<+^godG--hZ*Tf8
z=NZD7go4wf%{kLNbeB(xf4_7lb3p6j$N1Kh_)jYbeaQv`4GW|PBSp!;;41d?aMs81
z`39p^5me4xj+W88dTJ}ktw{<-V~+DL7ac)w48*DpwNHB^eNQ*t9A-dI=X}>-Z7M+e
zSBPl5rV{oN50Vlc4n9!>WI3apm<T5%$WL1{sR1Qp$he%XX@DNmK<Eh5hL7en8;z#Z
zAg4oB0a&StLWd56800LErlm5lkQMogWh&!H7^T~1{>0x{sJE&CtXj<qi)be?%gUTX
z=8S<axEg%R6{IAsfsMNG71}4$bnXKYs4JVzGC<8)w{I0)^a0ev_xoFOQp2Ci<x#5~
zvjm))<XOCi*NR!D5(jJ@^LcO&YReDJ%jM_9ipx+@E|;u<&ct!Qt6qO%UrtfC>w9IA
z=n!sSKh3GF>e<ziEk_F;<sI6RaAc<L4V<FI6KpiTZ(j8iYkR>p;L9}$I<y8oR%70u
z2&a-WOnkK^-0l0TY<9u-)|uE|R@(zo!IO1)4dohQbID@d|0|E*1hOD18qkSjtK~1Z
z!_HN<vyxU?oA6{XB3OSYSUer-=S4)=7g$UJt$*Rh7{Y!&Yk=4;H>E6a<u4En?F>lW
zJ#>hAvX6Y%I<OFwan9JYZk(`=_d#E1%r3?_cC7-vF0;t@x-V4}t1GNdU>AM>#yumb
zj_XIw@am&*nfn^t?VTjX@hxx;^RC8-mq{-tfV9P^l6uUOzRr!bSnj;@zQvt#p44;q
zkwI%XjkrZ7t!4<-?fdpvMzbY1u1NFk{y(A;gUEgFC(!by%f;ZnddX4C&3`-urDh-b
ztun`LM@hHxf6gdJG%#PK0dp_^@q1H%uhqh~W<@~B<>f<^tm~gG7_|cI5riMZhsE44
z=okRYmPE~erO!Sb=OHc>X8WIAwY(IOxgGk;cSOR|;$+u!|JOc+zc`Etfqs9zZDjP*
z>jm(gK^k=O%djof!$l49iuA1m`Z>_QNMK1R3J#jLi)Pk3viA(c5jwTMeG>m&A_`@j
z%4fR=q;Ii+B|MkzFKwyyDvQT{sYza!JV`rT$DL}~f;7+V{)^^wy)y2>kQfaZ|8?cJ
zHE$1?S61ud|54XV6W>UHRR-Dz@H<?KM8s<opy`p6A4Y4fQh}v=D;Q&U*4#I8<&wHM
zL>_zIck3Wdoi5$8+inHUP?5`)Z_h;N2R~yt`vUI*QNjU6aKi{mR*pZF6Gh&k{7}<`
zvW&P3yMkc-Y(r&!wk>udS6z&C%!hMC)Ey+n8{s)a!sM>dCO$=i!b$$_^D;!wQ^^QX
z?dgwmf;O=xtw+SZGc>48FWg)Ztx@t5gKJ%HU6xCWlu@#+^fylUtxmy{sEe~({O|3s
z%=_w~$ADm^y6^x0t5WKO=f@PS=b-IM0d$@WVNPEK#-y#6)4g~WN*c=FY?Dy7*{RQ0
zbE~2rdDfUqp<PFNzjIqXKd*VCUbAO4tfysv&qM@#Ap8PHeqW|i&@EV}o~(uO8J)i_
z_m+UsF<6n0ftj6$M{}C{l)g>Xl*(y9EuLU!KwB8|a*ETNk3mO?85&eLHfFhys<oC`
z0vb%K`g|G!4mylgD2z!^_c5AD+AV!=w%An7nZ&~zuda%HLkpyBngTpi?Tr}bEGPde
zGE$VHhrH(NS~Lz3LW3gQ%!VPFO(r8_gbYJ=N&q$O5@Ki2!GNLiRGt1rdgj#8JIDb<
zv*FiBnFgqm!py{eWGw0H!BYN&VBAbP;ij*z1yvWQh_T#QkxzsC4mXJhG{WCHn-p5?
z=Vq86vkoC3O=2~s96*CLGgFH-p%j@4DIh_->C_0=1iOC&Wh2s@g-kh<BKY?BEwwWl
zaTFfjm0@FJH;4d=5L6#;LhZ=7u5({)leEawZ!Z4+VY)x91uXZf=PZlwP^~5wYFh$g
zc%Tt(&YI0grPQcq^$_cq$dCXQ-<9xrrea;5@5*d;6L|#1!g<c|8M-{xN4e0N?HtPO
z!DMUaesj7|cnl?{r2Kn}H#5vDebzFn;qBnFWlDs&b%b0pUIJ0AxLNUd3yNfF{7l9(
zBAX>=n(>&%*hdMEx}kzk6V2H9*_7Lxb159wXl9itE*|>>fL(}bl3;jtZ|K0gP=-dp
zqgLZxBfIz?MoU;~d=Oi5VQLq+irJF0#$YKOGkYZ=Bt5$&Jp6b9eQL7|XH(C?R(FN_
zXb}^>4SKp5#hJlqU2Gj;gkInAcUF#k#5<5<%gvggdHfum`A7Q^k_sWbATNKTZp;}x
zSplNZe-_0CL|8J9shYy4vCFx7x8cpy$sGa{3B>Pz0ag~#90%w^a|}L8s_#m4kc8V3
z&2Ts2VrC!9rH<<bRVw2Fkwj%2hGy4YDLIvAY~o+XJ>39v)&{>@I61`T24?&L<g;Ni
zz#=;)U3&1-E)B5@R_<xcgnh>Kgi<1~cpJ%DE@eLvZ;Zn2QV22bhI>pjxsQNm3+<Rb
z4?1so`hGH9&=Qt0&DVHev6_OUvRcjafm{2BA%c2A^Lwze&U}69^%;)ts$kx>4bc?-
z*{wVL{oecgu>_8}e!6f?T01O5y7*(1jE!KZLr`wqL8Xi}a+gum;bU#JWv5H`Cm6{{
z&6TAlTCX{Nts2->-~(7}pG9`{sz{q5J&SL?$!$=PPN6Zc)k|{F3IFDBk2B!4i6evV
zxWv(%kj)r8RmMSSNQ%$~SB2{k_Ol&F6`ocEf7gO{OHac0$Ac<AeJje@flriBD{G1d
zj-{%bdr0&Y>*D+$f1*D;U8@tBUd0hICoo@>_ICv>7*$Rgr>m|qs{6Ay74oNgBM^Q9
zvTlE3zgSdzj4Vw9s&RFYRO%lt0aVWvic5MmTp%_$FLC5*STaj)B;4H|GV+!AR#HhD
zpz2~9z)}RPuurSs8_$@<cDH=VZjGc|m4I)@#&8bwe*TH9H+E@dca$7>-k^ZX>PXd#
zI7D&p=JX|D8o4rcJ+)dg&*qVl$&`b3J$`=oZv&vjni9hq&YEjXZIyS2MZWdYDBtPJ
z5IM-cYVfw?;P<U|6PB=J*U$CaUQb><BPxTITSR!Ls^ncv%aB9_@)<9TZ6xk^m=l6x
zaT*f9&q~isaVdlsZ54}JxSCOr5L%a+ps+86jik7>f0TbUvzB#3SoC#HdpT?IqOUJ*
zf$;@k-N0|>jjn_Sl|Ul7eP1N^iMSYSt5bNy{>BeF7~daP2e6Flm(zkjDc1ig0uXyb
ztn?tN$3?x&RmYy}Xy7Sp^m}%GTelD~MjP>`2Ui_JHxEP=>qS_(51T_<cb!sXO0UPh
ztI_Iduv=W0IxtI@EkB0)$;1Vj%yMVAxl<hGP%UGWkXFr`X74yq9dL9Y*v~x3<@vf&
zvX7)#Z-jqQgb=qk79T(Dx%#1C?K-;_gEF$EX8MD|c9#O*Tq@q>yArofd#c5p7<cMn
znb?MgG?bf#E5xfbVx!Bn6Rdvt90E#Zq{{F}=Ld1mL#4S$_Q#E>%_HLGtSrXSovtG)
zxIFGALXba$h2UUyUtN=T{vnz%{Z;UDGlI%Dq`(KUH28Hy%DkIYc>IsDsl|LEIGnqI
zr37xL6GZcPQ+7!Mk(u$fMzlO#CL{bEC?8SH;)(yXS^endXA&wyFo69gGppJ-McPN4
zu~l4|{uvY~P~=`r?1u6oK30`MLIlG=B()jC%ikDaY5DYfbddW|=go=|Us!W3vTyKN
zLFl0h-bZsb)j4o|(z$#vA@{QQPyJvx;?H!21od$v&5vD}t<mD9d+(>lXNLs~oJ@qQ
z3W=@1yNaGlUL6M173ytd(343Rv#+#Z4&$;84G#a?w!ZM^jBL->w__$ku2M<xf0bw6
z#V^{C#B;pj?a#xWdB><m>Yq`odN5s1zQOsOA=Qseh&VGTKUe2oL;2L%L)1qXnZ)@t
zh?naKmVuSd+sRtMbMYNen^#6+)~98SHx(^TIAWHR(salUG=rkVl4(m|xjZCeWXcEY
zzS8h4<20_7J8<ksBXV{vYaTtRSU4I;v4P0c@rK4;XRy?@#KGUt6}uP9n9+PWDgT17
zl<kajB8wbh1|@Vdt+3M6gz4cb)I3Wk!;UW-H^Xp%a;Ed8?f4OAzAh9W!mgrsUYUAB
z)M7<(Wc*Yq2#QS4f70X|cTt5r6J&&>#7m*}y+R60!DLTR<Dz)4Hfyt@4kYrV9$|Ob
z(e^2Od5rjXQiuhm8&NUS=<!~%mB0;B2&b|3in9^Y^^Q@T7JT5*&oZP+R1IDXh7X0D
zXx5}(S{yzA>Zo`ThA>GFz$jXT@3s_hp}@Knb@)mnJGT!qKnpzn5IFG<)HRF?^FA$v
zik9Sr5m_Ue$WXr1c|MEoD6%6}yEU`p-<N=`Dk|^xlbWhi@WaWKdriTE!b6uHDRFg_
zAb7@5UBZvli)$58vhOctr@YG*MTSa4RHx?B!c-n{4}}W`;`KHx;p|vQ09a&$0Qk`T
z$(sufuCgE<puB`d66g-jMc0gSeyH8mR=ls^Z}@qWLTO*4*TD@;5Ol?Aa4@s+7cvKn
z3WD*yIB>ickX_5wati@C13908MfM09M3z^X?nIx+VN&FCd%kDwC?z)yp$$?>_~xEl
zj+3Z~L#(3bn^sD5*ibD#iSXY846p8N)H}GDF3zXl=JZb!0JOXez=-}ouo8^%UkACw
z&&<6PMJ>EBjjA1$ZB38coT&g9t=CaJs_p}MnJ(KLH7?Fh>S?*imqRQgzeiJrMBkRp
zG>hoSh~dpV7F*c{rEy#X5`8wyAniIWRuA_uguz)F^yFH#$07eJFj?~rr&;aIM?D2;
zWk~RTOyFg-+Rh|?Ml{Hz<~!A{?1)hX-`<BPB1h6{xmZ>KOjYac(txOfD-)8h<Woa{
zK>0S?;^T3o0tFHd1(>si8mR~lFEn9%<a$^CEAqESI9W>aoA{*21|2;PUCv1Kr}~G%
z0-T-0%dBMBuASUmg(WL;*QW`%qsK+~qx%w7xU8gj@m+)GD!Z8|rJPokAP#-H0Ua5$
zA{9X<LG(dwE6AHr)T#2V^yQ(<w{@#lO(UJc<LsR*SJ26DKMd2VL!wCpCZ~=-9L)-E
z01V(>BE_zEV-ANN$0$L9V1#KkH7{ul!mgxb&N}hunr!H;)OcZUbn$kP7^QJ76CfU4
z79MNNpi2!7VRTLqOkSl-mY%WC>|_@>t~LS^#2~SZckKSOdvB42?a8rG5!Yz1R>6wY
zcw--$f@^M$W$yC~qDlH~|D=H9R~@G9$&H6XRNa)&?NI!-CPRUFf7M8?EOUi6^9~Jx
z^Pb%ZX{()Lg;iTOLp}6s=v4B}kk-Hb-Kv<jR@<p+Y)%#KM7O_5G4gMl0xIkQ8Uk7S
zdr@Ir6p8NFb7*rM<ifyOReXQzQugrCWs9^fv8kZ-ag3YpDCeAY+4KuuQ#w7UjSBUI
z&Y|+e<=h()tTFWb;@~ZPyTN4)yk>jG?o8FupHN&y63snS*Q~Yu&d37hOR{Rsme*W7
ze8_)5{)T1?IO*wUVLGSV{vrZ^ZX8#QtiiHiBEeAFZhj4T!=w%cq_<T2P(0xjW;%wy
z90bDabDdutZmzF7GO}C55hS}D27cG~h?5Wk0VBzlxxX&cqOz98QfTGhYw>3I2>;*%
zsOW1jW{T<g`{&a+4a7Krp%VBdx5;6G++ciif9~!e!*PFp@XaL~nb%0Z0`F3PO8}g`
z&S$|bYA#nb{d+2&{`U*)YT^j2>4GCwhT(WCOL*I3e(W<{sqv-z6D6c;fT9dsIQ(B~
z@2ZNBHQeSXqhXFtS4Dq3KANu{fNvH;aflL^5BPZ}BsZ;t7v49Yx&WQ(-N&&MGU*&G
z-^Cl^F{7|wzxyh6X_a3cKJq6Q9}0Gxc^Uuc<a@CTkB%2<Ig#dnextra^FCN-9)}r*
zAgS4LOo?idQC3l;(+8h5zz*+=B`E9<i2>Kc>30H(If+i;wc4|Ox2F>gwa#N(p`z`K
zMZcsunwfO^VAX8WE=`lv_hYqLJOpTV)cpE}Ioh3K9l`VMV`$mEjDh_Rb!Mr6nZwq@
z5bFHq=bilXJ!<a!xyktRuv~fwm3dK!vf#bu*B;or+LvJ2AL<w}O1H5yBRUT#h{EO5
z7-@zxgTgyen(sPZPznTzX5mZl1K3VSCE|O{5+JaZ<Z^hGqth!MIub%cR=VHId7hq9
z?7BoG@*~hl_9Ia;(<A#@UPW9lKg)M~0tQPq$!;TL0FEElA7rc1099R)fSG6#!wTwx
z5A(J3O<7%nRTBMZRjJl!CgikT=kUQ+1#WaULu@|>5kE!(q{$Fm)Ce7JVe5b*rv_^C
zYybuXsms5P_s7i_J`nI}V?Nx`oTra1!l8Jlm4G~i9mN1&Fz1h6mCT1-)ZRE^<lw^R
zwDu$WIJ(qM)Wo<+yolJ4c?NSXZpX-2O_9XM)=acw$@!R^Q=4UO=PyL-wnqHZE~ZVO
z_@w5mP@p1_1^k30(a;i}=Jk)DCy(O_ZX{f9)2Qk9DG{@e+ZfX3Q(DoV2!%f~!a;wn
z%zR4v2pN{Bs!v`OlGkiNnbFY;-L5*Cs|h0?E@!Kq(h`=VU6BiuMKX?0n<K?WcU$<b
z9Zxt33R9{ug8Vx0FY9IWnb-m<I>N}?b1;N)Fl0WX`&+3EkPA)+>)?Eie*C>19%q@L
zj>LVS0}Hv7fTQ#d1fb0z6ZOz%8Wtpe)G!L4e73Ejt5kElDWHxE{#uz5QKNT#%)nG3
zSV77YiYz=XC3c-d2vCKy9u%n;fnU}vGFNnLmVhs73~>kM!GYR8QW_BpQ<?nz`V-?t
z>(M=cd^D~sv$mX0!)mxR9>Z{U99{iWT$ChW*0WAb!CJ&%H=Ge<$^tubSb#pBu<A$B
z)J}wp9#P&fd&`(QGDCx1gASj<=#^!9M)H(GSPv3q7^_tf$rVPg1Eu_R0%+c<-P)sk
ziDxHF(OmPuo|0TzQ|C!?8;`7|^|JEJ6ZTePP5<j0UVzHl<2-7~&4RHGj5M=>Y^-#G
zLpgFSm2>RpaULJJvM1>-v#NxQ45DC{!OzH(j~^Z{7brq3=5|#TzjgY3i_zNs$$!=Q
zT)}^d<3%6#@%iMmy*0Ko!4sC+p-s9aWf^xqnh382m?dTx6)F-|lzX~fk1Wpf&5uwc
zG|7j^GXzmFNM*>=1(g>b#*G+lg!PIQ(-unc>hvFcRAQyB&X<DncT^SNsMgggC1Ew*
zEhW_<-zP<N6yWT#?^-s?y|a?r0~D24TSp&N1B7vwOD=j-tjucXX2|IfJ@Zk^Lm(Nm
z8cI3|6svGypGFsHw@@VTWAhYrLVr#)&B{+PMCY8IT+il;P|jV493m<KX7w!k8B5@W
zaTv!x3d6SRY~98H`rA4zW2Z_NH{s|fypfLuF7)hPk!lV(#U&X_jU`p2G0Qb}(l;Sq
ztd-(swKZcL)|J8&Y7c(jIrFV&N5ymE;i~Pg1pr}888gM?Qcm{_C1TR(zvubLi`&0l
zz$LMItk>dT@IP)pG=I7M>3D(DE?832Sc2H*5cFw~9J<p!FwHAO!rL*BwBM%i5RuF$
zCNExc<&B1{U%AQRtmR=u3REkUdefN@r$5-au0;b19(^p4!@zmRg28-F5vI?+5X*O(
zsnPR2WlTes>nd2UTk-I>bVUsGHD3q^aVJRoeWj?BXbf8MKNjiGP$6hp0T-6%$r%{f
zgM0o$;Df5XYNh-EeP(^0yUjl#wO{>z0f+=3;3Uh7ROe)rVtrH^7^5=y^M~-!yN=nz
z(3|=83F2?4rjaB2{krNcX0=R?Sx||fyec~8KBzXtE3rW#v$m0&g-CS1u5n}pe{OY7
z-)@Tp<2Z?75J*90$t$7d#;YI|tw2tYjI_R;bRu;beYAaxQWW(?d|LQuDRQY#rF;a&
z*hx33I<e~lU47n}_iSRbY!pj=4yb2bhNDI1#Ktegbk|98^Lty1w$Kiwia<Svr5PdE
zIDkbs<eZofHV#@1Qx^`%1ahD`zvJ?e1#f=U#_AQPWNHmVb<keQ!DFa=`qD8|^7H76
zf7s2^4_o`2F2AKdS15RoXbSi)(lkqg+M`(is`_tsk1Qpc6_u-hj#C_kJ6TSLgT=%g
zER&R~4d4CY+x%3d<_wkprcAFKWlx)LX|U~Dz?8?WHWN0peDvdmZpPqG`gpD{EXMHB
zVBT>4lO!d28yb}Tra&y{82muTci)d3CvZZ%NCcPzl@s?(&o85w`2R|}912-s3QLW4
z8V}_lX^IlvRC41p_=v>6u(Zbx*Ox8o$4dNsjja(T6_B-*X30aLEKbP&R28~Jl`J|R
zZ}>QsY{-Az`_cUmQMBJy<j1t=wo>Y1sXuYByzG;AZpyNilgPrLi1O5gC3(euSbp{N
z^v4j&HqVD&t-#L1-|XaF6~(x|^%<Lf+Eq<<pU3|MtDf290OxY(RepQ-`gsz(<Lan;
zwAi&)`ckXO{Nr#ovZG+GQ1@zuPQ5V?c%+2JI~F~katN0-^O5J8hg^$CyT4<hy7~~V
zV0S`l>2i0}q(|e7{**n20Wa7#L`#jU=%-q>QoIqN9-Tf8TeY)3PvxiR4`RvmMBa%_
zMT>pjBvzejsqe@{b*PRD)19XbWo^Qf+0DKH75P>vXh!yv6q6Du)Oi!8r&)M3J6nwX
zg6eSS5(=?r;VKUH^ugHhal&)z7_*hgCpr)l?-bv|Z()XyjOY$rLKY;ye(E1$knfro
z#meH$?>lh$eLZaJ6{{9uqeni^ib4`T^$g2{0sN^d{PS^h@T<*u*>}oHO2K))=5r+u
zKR}L(v=NQln>uaVke<aaXw+7P$tnv=s;uG$Dt!|18Q-u&ck=bw#Q1xov&MD+2>q}I
zqw&Z;+}QaF?ipTX0t0s)CgZ_<;?OT_a)QyjU6PEvElvJ~kV*34TN<~7(JlBa7_;8m
z9~u9Q?Q#*szaOlY>JEy%|DasR%F2UxKI0&Vk#GXk4(or`({+02@5z)%xm`Ro)rBi1
z0q281W>ur(f6c6f#ML?NL{!umkeC^oiu}|Md4KwqoMAre?*~Ekf_cV5)D{e*k!3h@
z50a;h`-RWdM#M~cDtKm%FRHQdROh(lRh&80dUt*Pg>@5xRic<@S+!N4eR3A9(0=tt
zmoG_KO5OBiIru~)5_*o*qvyQ)1EUDe$+?Ysf6m1WiqWL&gZqx^j6_?jc=*(m&NRfD
zr0Xuao%<qCQJdSBt4N;TD4d%`C@>v$h?TK59eM;bhzgOFbe2<%jHV1SrKn5zV3c<o
zQ&=t?7f%mwStn1}RcDiGBZ@1H$V_?BSBrpJ@R2FoLUcJ;`_)D(+gJ&uq@i8e!k1%O
zyyHB8pG03F{&BHGrwq)l{Y{;4wA&##=nFkgA|gA^FGfXTFgfMPm&D&jTIk+zmVl{0
zyR2xRM6kzA$fgE3)J`ehn!n+vx_urH21NZ`KQFgU8_rb>lPzP3y`+Mw@oj}Q5=+$;
z?u1o};23AGVduA9hV^|X0gL0Y$Hd%uqp*><;Rj*vKVo#wi4e|DOym-8+Jz&Ql}GO_
zRE_NQ80}~GYZl>9pBe}a6<yVU*vDB1{~6W}ItIj5)Bt?zr7aJMbD<-tccn970iS`Z
zVi*gn^b1G*W+qLS?qQnDCUL^#@{(#`u*o{+WnkoD%8O<}+53ncKoOUQUB#m5VB#lp
z2GK#lHhJzjomwFa8d>MoMju4a?kw%-5yvgZD%X2@Uwp5;GqT&x#H2}OEBw$n-yY=?
z2(`C+THSELQyBIG85zm6)WAVk#o{(o5EJ5-D_*rlyYu7I`Fi(wqep+}TAZ*=F(NF5
zqt~YXVPG#gFicA=QV*%?<d<s`KmPXnm$z+L25a|AUSoo-rv??R54Kl5e@5WNPcu{x
zEw~*z<82iSQpFzAI|6!`$v3WTID7?EXTrEL%sbph2FG7L&P-lkyK?tJ3p3^7F=e@L
zM%H+~?zkTMF^nhv+ZHoRE$8HDT=A~7k&C?&VCa0V|Cfs|iT`Zwy)88U8Tr)otohvV
zYL;y>#Y?}s_F-jk&2(>4dw%7*(c`1^(Rkk9x%l%kjL_-Ta^(X|*Qx+PR3hoVTdcNE
zA9Po9Rw=6L>KmeSGvaL6WVK*@Z8S<eh*AmIN^CV<yw;Vb9gk$^TvuEg^J$O%`YEFo
zEuVj0z9aKWT{KJ`$97A)Pw){KwmlXmM#og_SC%gGf&G%`v=yp7C*{*>aAdmoe;C|W
z@Te7rS-H)xXP6%ChES9KP4O~8Z@i88DF7Lnd3`gu>;<Ks*Z9N3_hNkfOCZmtL5}+H
z`gcKjFG%~0v-P~KtIe!)bxi-CGt(bdN92?CFp?GPN{&%_JuPoHik9B2y}$ho+SN0H
z-}vn_SHG_V9hWdCYipgjkk|a@@zl85&9~S!t7{s{fmur32ckrQ^C%chI-+|cOO<>w
zj9c}sW~N`MaRGBIl6*Ny5&ZvpKGqJ46D28lZH$}cqR+FLKVNSx<gldbx}0fMAL6__
zP@FERGeM9*1X!b&sGq$mUG4SWF@^G8cdhQid>WNj(1k0WAUms>&o!FuynCyYIgmSI
zk0N>^_KwKoqwMX*6^F{^*FC;Km39RjPVaq|V5{4d&1Oe4?F?O)rGd2jVHemAHN08j
z{_~~L)qU*0FU38XJjP=uEl}qK=f61r%)M5Y=C>;nQ3n&{|Ajs@Vv?9+ESclg+B`^K
z`8)b3Q^8FE6%XBzFTPU;NBK0&oK`j?D_U~^XAZNf_RI+ncThVTy8f7sj+raGRy^Ey
z5`!?-T(}%hu#iV=jQi5O_a0KpX+3Z18&hN|+bVu{JcMzvp7WhK{oq}KoRT+&)qLeW
zDGO|YtI~VycIoKwYg^;3>6nLeS@(|`wpoOprqxXO&#d(rmpeA-fE7WIHaq6=xSN4=
z7uQf_>6U}6v5V>itth^KTS5ah=k0^?4RW}nzeeVKnx()Mn6fnZS?)^&`^gHgqp9P^
zm}|=`cT>iDC7mlhJ399Vp`%u97F@Ke+1a}IfXOXP7XfFUlHNp2g~^J*Bij}tbG{aE
zQbOG&gxaO^!P*4<vUL5mxGY=HZq0e88>z9UbQfNHoo~N~R@okOFioBDcg>wbKaD6o
z!Lzh;f3%V9-(zI&cvTxu{dZdd1>PHCzU9!^!b3jBg_X8DhTsv3e~^cX#m)*Iz8`A}
zo||9>3Qm6dJ3XipDdtVL3yCR)`)-9AuK9!pYb|x@CmGkr%*j-?*G6|Fyi&*)gXA*U
z-(MZi0OY#T<Aq~~R?NGn(#l#HYDWDOZbm{4o(E`sV-ntII>t&p*P7am7OjL1VKT#J
zjC5s@LmQ)QEfkK{EVIc70|TyQWvSUgAz}d~;|mAo-~56cHvorf2maSa(OFV(dQg?T
zKR1av{`H!(`M)jJW-2lkJNMOBGfd4&zWuh*u}hrz#Os@R-DSc}%Sm#%8Vua6V1#d8
z7z!8bPGi<4LBv2TSF`an+uIdWKF5hl@AFY55s#aW*0`=ujVb&3kA=Ul%_zrj0iFjK
zS@6LkO_B*3jLln2SR$|TWJL9?_-Z4DOLXcLHJA)*uLbidM7HgtD^BNP37E$qZpT<#
zF}IP|MNCp_+s=Iv$Fm3Zr1<U9lgs|172UEJC~pFzzM<x7)O9sul7L;~xS1Ig4`cxw
z`f)KMq$e}&^rWE{9XtoqeGIlf!GOHnc_ud>pJTpD5>jt$YcnH<T-xT(7JTgLkF7F#
zSW<b{P*}<R&*I7fNo$n;qCHc`1bN@??O?@wS##7OP}QrB_HC>azoj@*M%OuQM+`r~
zYaBgSo9niPnd2zQUFy27SFYQ?Wj*t?i<I_p{^r2f0fJ7}QvTy?z+ofV1FhqI>0O->
zu%q*SJl+=TA*2+zPkY_%LS}jE`f$7FCsV;G6ce`4QR$lOmcGKdeRq+okRtQXzWiZZ
z-<E^!w?t3p)-LMU;QHNH)IJ6N_NqGX=K-->7CX0Ik-Y)!a~A#krNw+B?t?Nr3Bdw1
z<(f9fs@;d)OuIUA1sqKGUE4h=H+P>w0n9j)IJkaP_$|KkrijH`s#F5VQ`^may)ZAQ
zRtM_CTGS+0qP~}a!+^YUboyhQNdX!&lWJCn<?h_5I-EFAHi4i#LTNL^>V`rL`zCj`
z>=_rnq{Ja`zy??DOQk$?yc?V@QE2Uc7dZL4YpR#e;@Hn{)3dJ^og8Cc<>vU~`#NW_
zu3k(1LmmJgLm)ZsX)#k5oX>N<W#R1huQw`Hq4OU;{KbN6uhY1T&n1!LomW(x^ukvE
zm8sjtjae<;cx~gId8SKq^F8LAbxS@Pi?0}_XW*g{G{S`QrmA^s(kEimD#M1W7q3;>
z&Gm6t@4<&Fb#UkNj5WqW?@9f!%sBGegZLF^a<v{K9-+?n$Y@mb6DQat6Sjx$DV|bZ
zjrwJF`kdH|Uc)NPIdzsbdHD5YJ~2_))~gvp@()INLS&=={77&sZwQUpPetd_kbpSq
zHfL2R)1KEOf5)r&n2oPd15QTV!P%Z(MRyXe!DxN3>Q7GeuD#qEp{rNGl6;p#<*qZ3
zHm!|T<WPU(OX=p6g2ATyWXqdM0wysdoxz`M>?|D<kL0xxD%}a}e5yTpQMt>Mc3P>K
z0iKZF4`L$~O8w;wwY(s6zox16+-*urs2%Y<ed=U)S$VRjd1(G2Gd8Hezv{VhTFF)E
zF_*EoqtK~sX4#meuLF+fxy}+8%SJvk?0)%Mh@0{+rVTTUKF+u1=)vSY>BUL=vdk%i
z3mq^Xr?%^>ZVqgt?Yvt8-P`=-#K`f&yEQczL#V6mZ?w8n_ybI{le4q+Xh3O&tjo-^
ztR44>ur=r2PH;<=bJVT#CAS-%<~YFn`WU0ez`gN=rTyl%GgVpe4p=*$kScySu`Xds
zx9o)}V0D*cBy^-aNzdNosL8loREF)AL4+zHUH3{mA8L`LC}ID`(lF-8$3LbC$;ymY
z)+9bs3#(i%&kN@B%Sbf;z%HQ=6{(>v4shCcGFMuZc96^sABnrJ#sFHmBOY(h2F(~U
z1n$A=ZUeX$Exev?BP#1US05lNMv0x=&Q&K~&qE%Ob(mpiaUAVe-X8HxsrfIu!W+#$
z!q6KYJg;`52*%hqtNvXto9kNuAmB;C&V{t+h|Hme@_e)Dt^6;E&+&BXDV09|_TkzT
zMn85L?sc_0HwdvlZ>FS<WBRy<5+s)EgT*c(S){_I9a`RR_Sa_zxBKgLL{%<K+kDJ8
zWSu9O_P<#ewKG(sYWOy~e6LNtW4zXroSlCN+AD;PeUrb96i;R2zmZqa?vF@0glF6o
z8E-OByr|%q@SR(~yjq`vw_E6qUE40>RY2Wh?4?H!+@7f8jQN_m*+h~pW5*VuTN2e%
z!eaa9Ov9Z7?&_8IVGsUnCcBc;L(>xBhL0(@4qPu>y#4Q9*p!GpB0<rnGk5WEM)$u!
z^-VKI`4%yNiT4u8OOZHe^50P%{~#!0E0OH2g*aDq1d}!u@?1`NwVUyuiBS{qhXy_E
zJgwX4wf;Nf45xm|{C7m)j0~Z2eKq*-@3}`PrIEy`3ay2u*5Fu9MrR>%mv>AlmiW@H
z`OwotTPSC(qG#~wqGh{+X?fs`vrCMiNgP94inh~?FeTbQ>#JjOHor0h^g~bhLA*!X
z*x9EAc^LJk;=IrZYu6-W+YCS5D1+<aCi*230Zc}p0rPU=`5}Mr$oiiei+h=8YU|}B
zZmO+~p!0KeLI|?>VCN}H?Q4tUZexR{#4Vn&)czZRWWQVahdFw6EK^zWiM%==?g%hD
zb6n6ubZoCWfs3ud>Gi3wcSf<QGTnDcXzp<V^(V)o0?kN62JPUIUO%1Fx3C@oy_G~I
ziQrudWwQwMMVSId8Hd{iG}Sr!;BK5>r7wOdI9u-pJPJ-S!7G#AUV+`t1#c6c_ASAy
zG-<es;El@y=vw{Kes{ixzACqECPW}P_tzRtgSNnp?9DBSzBhkS&)#dh^Xf!L_m2#Z
zGoQW+O54`Cuejjb1vl-*h^q2*xotz3{;PXovmWWt#*;G05unWd_>=yT2s%AVkB<>g
zz=D6b<b({*+%NlY<X@|lnJ?E!%Fb1O;j`<#^TV7E$GO0nqNeehJWQ-HP9U@Kz3VLf
zR7H1W#1G6!=Qt;o`OWfLvVYG;i8@%wSv^3N*cBZ&RJ+Zbd}ln7kNWwDf4GSx;UQY&
zhz(oy3Nh0&aCA=J!?L*bM~9qd=tE^SlckI(Ypmf~S{`WV<Z$4!)ROC+0&2Y-io2sQ
z?1WxU_^4U6E*-*N&lEhHj|3h+ipc`3%eY1fiC4-rYfsC%27hZW%IVknc8e7-n0#%y
zF(XRF8`tmbv*JqAcS&u2R^S>gJN)dy=QF+QzgMRJy5@H#@^oTzb=CoGKoT0;BlUVF
z&}{WuS@{?JOzJ(xe{q5Rt5nB3zvhb$;w=_nU9SP_ffzZDX*|E2!=pgvcLe;u_rE%2
zh|{Rp9?^GkHo|s`U(;)L5B8SN;<4+$o|X|+A}OeZkI-CECMR!+{^~3<p2%#B^n!fS
z)?nELRu9TGt{P`}ydpNEx=p-Zq?`n=JBEA7oEd4tbz#4LX_V~{MddPnEIQyM=VO7f
z5J{zi`0ZYX61loL|1d+I0+_r8JFebN=t9|1v!cI6W4~0Q6^i7beVUQW@6`emlkiI#
z^LowHN7<*LLI};1F`(5x*IstJ%L+GiS6A!L!xj51)EO#dJ|~~eta+jlHx9jJ-ak>C
zx15vhQ6%raK0J0N6R?>N`$yv7$~ug4Dx1wD(HMK+c&Cmel)~SwX`1zE4+-n31KcxS
zNSf|OHS@Zc&VuE+>qXxdNfD~>K6N^`qR8fczM^$gMi**vA@)M?k9hh}E{t$o_0Q=j
z8Rt@u0ki#rmtIfgb=R(<NYWUg0XR88RKaw-ZLN9P;nA@|Ty<BWdOFB|!IjdecMMd0
zL?HgRWbsY|^yeklw^$Y=I7{0+ZuNF<SQEA3+rJf_T9ef?NKpR2EiRvgQc&}<p`tPT
zqgkqrg{jf4>-kGmO6zXIYsTBAQa0%mKHa)+yf0SqHm>@rD}HQVk7yptCGl?e)rI2(
zLSbgh8ilLh8#F<5l~uO2`OhY902zY$6?<*^BvBa1MTi_zvtrIj#;{GCTj%CFEA9k+
z!&#u*Ll#!>S4CiA(`n7}mkMb{7X0<b2&`=4MsiGqbuMjyahTX;$J%BlS?DFgs~Y0D
zY*!n|b6EvX@gW}Bpu%4sJazn+I<wjwDek#2gXNzmr<K^H>5=wSIP5#H@P|$W6UDH_
z-)19aa(UfSqX*vj4}f~*gvy_cYc0*Ul`ct6yXlYRI|;<W`YX=!FQLtQBLL4~+|-5K
zjSDO5Yg<Pi)Z4T*n&mt|j)q#7wvxwrOZ%eRQ@OOPwTXZN-<Zu`nO_?IeZkKaiO^*E
z`*Si4wXw1bX6j*J*~P}-zCH1BUEMk5Bf@M}y2tA-6-KL^gg8wC!N$eL{+O~t)n=>$
z-yr|>P%Nj;B-s|q7po7#_aqWzR`a5Eag8+<&6{>OMiK?+M8u~O!Nwmm-S>D}&Ds~g
zUY(x#P5SJ5;C`3U&L3KVoI|77f7dGPQi<~Ie`%xv0I>G|`xihAM&`|Iop{g9P;qc0
zmTt;0HlUv1xSpA*YfotB@HMU8EX7gbAEt-v{{+qvG49F_<wPnRD;MWZ{_J~g(xq2k
zFHh)K$>#m&K?wP=i-0=`K%2Mz+VUV~Qzkd<W2+Bc+(}DJ&(g;Lb3s7MXBvFCDt@d1
z;EYV{B@%~S3|JDu4vR*>)Cwv7i6oYRXYbv2H2dxKa=AdRFyH&}1)4Q_h$!v;(+e(_
zmkgdUm_=io6)uij%Z2jGCw$P(nz8@X1=IH)_j*|tm}R~zGD~}0E2R4)u6_|0W}eaI
z#eyh^G@f5fES2(O8IX{QDN#cD#1@wo05yG6bcAz}>=(U6-bQ-EYhP*Jeas=|KmX@P
zUOn&<z#cnqXAge<`9*)Uhi<rl>dh#`oA0<!9+v&iKB!r`G`ejr6b8+V88gf=hwm%1
z*d5F@H{LF<m|pD_aiqL{$#Yb_3=I<N>HA5%OoRWC_q@sOF-=m5Gjgmo|Mu)JC9zhe
z;ZW|coc`k~ItZI=G*3?TI?AS<{-g8kjsmQAzI4G>c2>H*oOyfZ&weXws(+};|A<^j
zaVG$P+iJ5H$-~EcOFW0jc0Byx?v{1%-(3FZQd*jTg-#bhk+DG#O;cvac%)8p09(sk
z0MwS5Hao$1SN?Uc+RN-Er|9FB{$5%0)DBO5Kk$wtEa{3r-&8v32yg4SxBWUF!<g;h
zwaal?GhHDMqTpuFo^2K_S#I|~B93i4;Bg(wz-y10JECC5g0bdDz)T~$9$v_cvo~I~
z{nQ8EYG3)qSpd83v_Q6C9WE~lL=T&&OWc<bu;&+N4B)mOO9BMco#aTucO4r&y!`9m
z?oI`!1W=So%xrchO8q<Kqr0T(GFX<M>+Dp74Um_%U^q@*936EJfC?+*+~FYu&OrsJ
z{`-gDYCiV)(<<I_`sjO(vWHdUN&Qb{4=WuWERCvzGf0o~2Y7suFr)<%EG^{Cef0RF
z<)G=i>{g|?1FwJoryJ!E=<*ge*5PeOy~aNE$3fND1B{K}aI<9p=cnYHgE_KA>ysya
z+unvpDbe3!<je&e!5HV>dGukWx8$%L3qQDV0m?h>eb9ae1)oAm+CFvN&39Np-C^4;
zZC-mo`TLKvF9u*c);E6eb4#!OL#QZ%MsYTZCrY@$^t&TK(uX~CxE}iiK&{7GZQ{i%
zr0x^zZ_9b3Tga1Vyv6jT&;5(}q?{{?WB!hpgQX9V!$#n6*sz{O0#I=XN@?~HqyI)S
zxDS(e_2D=}9UF^20EcfY!NDhwCCDEvJ+4|cZZ?-$Q(hb%C><bcl=yw}3*VIeqK|o1
z!&ejB?`2^P@|DHcK+l&KC6Lb7IA2)2%svpp+f6u!;KJWsQz4gcja3j;<i@|<Www>J
z!|e1SIcwpeN1u?L6_44S2DlKWaW@FaAA7{B?eTvA)6aeMU3T9owzGZpTR6uyy1OXL
ziq=6baDv$D07?|BHRY_8UN&Iep#Z3Lo2<1NaC-hppLwr&_s73f@vR}uwD1b*H&6MP
zed>SGr{8OCz4Ja<<2=ABbl$~RnM?k7ouk~891A#Zzdht6R7A0rirc9w5>#Z{EjKav
z<=xGhUA~`tPR=c;#~mfxm9Q-d+o|{(X!&MvN)FM!Q0)IvbDX?>iroq2rH;yJ9>=vV
z`!c!1zz;y)sKWzEJdncIPrvxt_uH2W0OTis{YU1(N1m`^ciC})dF1h@%tCCPDo#K9
zZWhW0pbyLV!aiD~jZ@4Q0JTX2W|@7@UA8y)Am21OaQbDkmFZ8{Rc@)lVJ0Vh`TORy
zFMiCv`iR#b;jWXJ%lFQ?$g9d~nWf^>(7vPmm;t9#;m{K}Z03iXUYw!gfz*PnUo1!M
z{lh+(vWfBsYkjMWhq>S&k+dHXWd2t902?^yheM^)x^?A~&aajOY2eQN)$dd`f@Q%x
zC-QLaDGmaE+mWx9gJ*uN_>zOMK#D=l8IuG7=oJUAFs-P@t#|xgju?DJ2~1D<`kAtc
z{}I_CAd7>7oOodXuh4$=+dnb4%Rb*K=ag3}o7Jq9?g~u7U+cpQc2^$c_?%P!ip5SJ
ze}`!SP&?cJEdFp=A3dsg_9-4Z;c2bU;V|Ka&n>ctpfDYS+#U`=g5$4{hfY`@jr-at
z*6l7U9!tlK{d4Bbu~KkC76A2;C!Q|x;1$<p@?9)m_HoPK2%yG2z$vL;?;sO?E>U3H
zmhT9?l57Nu^6}BYcO3m%d%DzvIQmd7K(7&C!a1b)UR89M^Ez^oDQ`o2?E$;X>#Bc|
zZEWtBVJnr!vIu5~@Zns10ByawYnwgfV)_a>@ESADlm6!nkRwMO<sysY|6V0}(cxfh
z^b?-i1licLj6O1f&ka<n!ff&MGDkT?8T893<xo<ZaLtyN;gafK7UT(0Hhmh<WkovD
zI_v_VcCZ2T*FTSW{ef1KOXap5YoYFUqHt{7dyYNKyy}(F=Z68H_-+vf{D<ZAdA#!Z
zt+URT9RQDdYBXg5aJsB7#(fgSlgUfM#{cDZt&Tmsl8pdTNv({nD4yTC{Yy5lOi(c`
zonwVGY!|gO5|FPLe)&tcu~KkWE0ewa<t*my0;V`^3T|^b-{1?foZ@p>*M3CKEI?r|
z+iolQFyi6G7a8<Oj=}^G$f*cR94CTpDO;bgV`JBsEwG1egAWcbZ%}W<vHrcgY=?W#
zTMjRM`4%%+%w!Lfi!fdc;K3<dZT=#Ia}5B>xF~BmkmYq`q7Nn=_GU^TGB16I)8S%P
zMM@CnNoqKwM^>Yx1RVmPHfq!i@*O6JIMd;^&(nYOtEzR-_2o^e*UG`pM;*GKoq2%&
z0XgsVG~vbU1P4&R<4p(KhgGMa@^LxP<VM-Yc%?o3nX)5)N`P>=J%ws`7!Rt-srVu&
z4yJ}%GACMtoHc8fjq^0DS@J6B#&Q@49&{PAwoT(7`^8a4WHe66CV4HtlvE60vpO73
zq(A;Ghsmk^veiot3(*d<>5)3#l)`tK_K{8V*vkobi`*L1vH!zom}&6wji^Hp+SA@@
zV@Jh5<wAw0=1<A*NqI}@3E6Cqhe^B;V5WNZssC;d$i`tMc#Ey<s!M=<_TFtryEz|w
zNaxGh2ioD{c&{AYckNAg*tg>VqNx8KJMUoIe!<q8S$3S4d){xaG*@18llj^gK5Exe
zKl8!2nv+jG%dX8Hynpmy5z7L28KB=>wdLDyfdHuOw|S|=8O4J^Fw^|P*Ul`>E-`b(
zNlZ9*6Eh(`rN`^2XUS<t7s(Um$>L@I7qW@}n(J>fpLpNVcHI@9rN-}8*{pxTWq-B<
zl)NYy2S{UJ>aU?<Etc!CCFPvJUh?ri{L(p|=Hv&~D+CbUe8fQ(kdBszYWQX8@TSnU
zH{F?9<PEaL>aB7ft^0-%p73kiQ6Tp1eozj5;g?OZMvZ-@a24yH#SGXPaQs_eUyMZ_
zp3MJUW|23@Vba$Lkn+3$%rM{b##ftz_Sse5l8Y{C$bkotKlsUo7U&WG>bK98_4aqj
zg>*CX-T(fKJVblg&UTS@vHBPx;=yHWfh6D#fSRqX>ymc<C4aKF>?eQY$ECrHw{yPz
zrB9S*qY#LJ`#U+M{ld$xsn~zY!Z3UK)EB=kv!ET!n_qvB98j`}1y?-Sx<THr|C~I?
z(r!{_FPN?JK?yz|joBC$p(ZAxclifp%@v2MVD_YM*|Z#n=gCI|u|KogMR|EaU^-r_
zJxMMgAAHvv?fN9?&H8u{b;msqnIFpMqTN?BlVoEy=YnaOA5(b@A^PQ%i_ZL#y*L3-
zM~a7*U_IM)JhBfv2LOEc$ejfaQ?YgxvDn;%uPea8-uugmQUFub=SDdb_jgxaU-f_q
zUpM{o>F1b#|H#|zVJo}s6kY6aOkmQXFRpIwh;!>%QdzKW(p^nbUZk;wYVox?9e|4O
zVE9HutIO_t`47pPFP}O2I~8`o`{S5hVTSsb8}E><HrJcK${C#)XtmrmH{333YPXvm
zWyX1|tjX@Y!`9}1FZg|YwxUePKSe+t4yRJVrQO&M-jBWaO|qU>UcLZLJLv9$Dh^V)
z{+3hhhIy<HyXgaiIBhEZJAwekr{(rM`&(Vwoqkj^T;#AkfMp9f%uE5MzL_yTq4I&x
zenq%AV+V>dY_r=x02Qo<o+=ykG4uSxHGfUqseq^WpZ(&u%zk_BY-gu9hxYsDq~Cc^
zF1fX#m`|Zq6pA;PQ2%ar(xgiY2OabAd!@ryA0yt)HS2QSqeFxT6J|~6Du`Q6-j@1u
z;DGD3WhPXfp*9AnSm(v9DmKE$mlq9}w6l<U*HC@+^U<(*ADjPid?C(BNOEzv{LHhS
z)SC|$u?9RozS<@Y%f(<26;+kBwYM~35o}gT6xXx<>J-bl095;3sgzb&HZDTdHEvi=
zC#$(@B&F<HY}h@r8oMYQCzFD|%M5i2JAwnCI>zZ_wDKWG<C?^STO<>orpB*X_l(Tc
z@Jn`4@2~a1Dp^MJsra%hepxu4JBnL&xRNhuX=mI;)T{!}h&>Axf()Mp(A8jL0xrXi
z+TE4sD>EwY2?5l?T~hLXF+71BEReAUu&!EtyPI(#Z4+lf6aXqEMj#p;kWvMrZPO@!
z1<B;GwrdpZwB#57#mW}igR5pJiWsT0Cx$6IfoZ@@-6g*P|0^~L8ADRAKywzT{h$l-
z(T6+nW7$#Zh(!*tiNluhRuX=Aa5o_Ls<_p(o9m09z=6wr+UK}ry^uzl=F2Kf*>UC7
zO0T6yn*0DW{&3~77aQ10g%NGmv5v664Z}x39DN(Mlp+t(>iiY6S9x+ly=Y+V1+%V{
z3fA}1bCsw-2o|W<0sz%wZ?89Ni}|5dG~UYqYQYm<FOb24nJ8zYajL`(Qt<0qGaSd?
zEWK8FwbE;qUvK_;`QyrmoIE+{4~wU7F?QwPT~}Q-vHA9U;M9v<^Q2(Vr85>F$XUQ>
zn+gD^%EB<~!}sdj<;nmmpFNh@X9Sp{7yh}*)ldp*BVTZ>vj83n0c`0?ZAL;1ear(U
zrYavwO%<kobkS-5b&>6{BV)rSNvFZf*}(-1bie{NmH;?%I9-8;r0H;6x>F+!o&d{e
z))|4Q{I%d-Cx$vDglL{Ez^;?ByOg?`=C7z<!7LjbnsE|n7Emua>#I){rV3xHU<#37
zfwo$J-CPx_d$3MsxSsT)*l6Y$%^nf9aiC{}vi8$bTCCD01aocywp%S9)c_A2!*Th*
zM;_+UzFdUAcF9>M+K;_iKt<xv2AiHDS8Mk`O`R`<g9Tb@0WLSxUkJN9hXf=@7&s|l
ziGO^Mgoj7`5k%`RFXYIj1=#$xd?*hdI)<4KbkcNKrx){D%v^ipQ;JdBr5HAcyz|rZ
z#+R?YQ3xBCh#}Bd7HH&6sjLkI5X8p*dft>mPqwp7Q3m-ddv;?QVy&!^=Vmz5#p=*l
zu}$T|L>uECJ{-gFTjSgkTn$=N>Wc9-6_|&<(k`3h!oOPH%#-pS8yK3tD`%&uX=#Rv
z2yXp{2Zs)o;A4mf7c9^T3)q>ej8j=zwf~?4LL~>h#LQEEctzI!iVu?X_N5Yk9|dS7
z_&VG=6A-%L>u~Ez%!A|zObdr-Foj+ffC|E8KmC8VO`ATvt7Hhb|1d~!9kD<Jpb=;a
za>{>Msp9QA!ILvlj%AMLj%Zvilt5OdWErCLw2)aZe=S|JmRGAhH=X5I(*4v*p3Gte
zb6qqu{qNgdnN@%a20K$-f3yAM+W$oX*6{S-wOWX`$N~{EV&)nBPz=Jw8L16NaXT5x
z34kUWgF_v@4kzb|Pi3VeTSa`N#pg<&qIJ|^N?=)O%hxh=nDXlNS$@6wGT~n){ql>O
z&7QxXJ2R#9n%ZGqb=8X1pO*~B$<o1WW(<CBTA;masO9bl(2QoHMKFbVEwMN49BS1)
z7LabZSS|(UVrx_!kg_)A9!*M&|E3d99C`k(CHtGg<l%CqT_C-EzN~f47xr-UUyRMV
zk=%MfEzdYh0186|@a)F!(t|n|mP%KY1EX+gl$>)SuanM_H=urb;)$!$RQCS^;JGAo
Tn(iW*00000NkvXXu0mjf__exO

literal 0
HcmV?d00001

diff --git a/src/static/AppVideoSurve/on-icon.png b/src/static/AppVideoSurve/on-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f1dddfc815c421b72d3d476b7f2612da34a7508
GIT binary patch
literal 802
zcmV+-1Ks?IP)<h;3K|Lk000e1NJLTq001}u001Tk1^@s6ky=>w00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91IG_Un1ONa40RR91CIA2c0Mds+umAu8j7da6RA>e5nZIikK@`X5y*=*7
zUa&|bhU)~=2+66SM~WB({{#zbEyPp11F^A6k<LUdjE#)}{{suj5rmi`1{*;Ou{aQ$
zt8#mn;O%qX<_3mb_GT82Warq0V~000Z@!=T?(Xc~fRM-a^`LUt3s->PCJDO0v9ui^
z;12;c^F?gz-1l3y`XGYqhTmj|Y1>X`+^(H3;hZfbvU3i>@!U=iG+WIx@?~k&GDVG&
zXvVbObED=niDn#?XcFos3h+4*URw(m_{U{72&$|5<f2o1kEcM_ef3p$iTdHXynHW4
zU_$(Wf_K}}L1=jb?_vRF_{U{AH`Z&BE@a&0+6O9CU+%vM!|;=W<1wUbvve4~$(aX)
zR?+w8w(mh(Yr9c<OCNhdAlFZ-Xz^1mUU?nd=>6@ylQfqiq~XyQjShMO8pq(GG#ul)
z;hd)vsjhXFMV~$&!JRxN5fzPqRG{X`-Q}E(sEg|}wm8vK3E-LX839cR(q3-_goF4u
zol$jZ0XG8n1+B;j%Fv5A$G9#nAaOb@*Fjz;prP(LcJ2u7?4F=;K*!@2%LI3!iUfKu
z4pet{-VKbGs6uk}oB_J(oYI{+sAj^|bLOC{&MDoQgK8#RJ!cN4)j2>|27tavpR*2r
zt(Tukzy$%~XFMcyoCRd4-MYV1JYSv{C{_i)&=&xJ*mN3@A-C^9cdtJ61QBmZM}Ki_
zaD30_@R9R?ie~p=Y4hA=e^#Kk2sx}_p*;WPLFu>U_n=CX?sIbq{z-*fy2^=hP>0gX
z$UCQcz=d)W&B)urE<ouTlW0cX^Ol|UzvcB@X)Lz~nys`U?{)K@w_Gqcl2~t*eT<DF
gZBk>B{dpe#KTdJM9iTQ8Z2$lO07*qoM6N<$g0XmD5dZ)H

literal 0
HcmV?d00001

diff --git a/src/static/AppVideoSurve/play-icon.png b/src/static/AppVideoSurve/play-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4521b790e216ff544e31e49ff0e652e8bf5a5dbe
GIT binary patch
literal 622
zcmeAS@N?(olHy`uVBq!ia0vp^DnP8k!3HF!9g27iq!^2X+?^QKos)S9<hZ0pc&7RK
zGH3zW91M)@nG7r-B|t0%#0(6~3m6%gfixpXYylHoR%HP*oUH*;`2HW?U!bxZo-U3d
z5u9gd*n2Y@N*wF8;J9_u(dx!odxdqoEV{cNT%S<Kbg_;_-QMH%vu7(5#2i_&j~-m<
z&Au_{L(RNP)?OY}o_gh;4_>OiSAG9m`TRw1ZLuZOR8HzS-M%1ECFo@19lT1CDTTeN
z;mNTZg{C5xwKOW2{+?2~w4?W<+sg!vO>DeN9_@O_pBLkBdTFELPt%m!RS^Mwy&iYA
zFP%BlUs^h@oSXBwF>B1Oy4(`Q3u`_mFIKCZSYRmK9Wrn8wY$eGJ!|i5+J4bJv{~kv
znUu<B)1xQc4rayecmFhbZ?c!L{@cE+ERF?JnjO*^etR(QX=6$H%UHs)qMGl96Z6D}
z(zn<{rZ>CRvE*s5sGnzaWP@|c&*oP*madm5>u`7y;cva?*oCZ?j@0%OpTvYO$j+O8
zKBB>mAycSLcT1|X!JMRWIdzl9#=L-feuF(}xtgy-ufJR@62C4t^rV*V<IR_vwv`wN
zJH)roonv!R=E5S&L!U}2IB))ca_(l<^xMzAt(ccJy=#`~w{IB@pZ>L7ymJ1~J0LS|
z^ObLNlYoqMZ!CrEfwUBZl$6uYt?sNxBog=*2J%g*uP$*2Uct<8S8Ktpj;WvXXEJ%5
qFci7(vW9Q1lkJ}Jc~2};`~EZ5f4by5)w(4T6xW`velF{r5}E){kNd6w

literal 0
HcmV?d00001