@xcpcio/board-app 0.78.2 → 0.78.4

package/src/components/board/TeamStreams.vue

@@ -24,6 +24,28 @@ let screenHls: Hls | null = null;
 const webcamError = ref(false);
 const screenError = ref(false);
 
+// Layout mode types and state
+type LayoutMode = "side-by-side" | "pip";
+type PipPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type PipMain = "webcam" | "screen";
+
+const layoutMode = ref<LayoutMode>("side-by-side");
+const pipPosition = ref<PipPosition>("top-right");
+const pipMain = ref<PipMain>("screen");
+
+const pipPositionOptions: PipPosition[] = ["top-left", "top-right", "bottom-left", "bottom-right"];
+
+// PiP position class mapping
+const pipPositionClass = computed(() => {
+  const positionMap: Record<PipPosition, string> = {
+    "top-left": "top-3 left-3",
+    "top-right": "top-3 right-3",
+    "bottom-left": "bottom-3 left-3",
+    "bottom-right": "bottom-3 right-3",
+  };
+  return positionMap[pipPosition.value];
+});
+
 // Computed stream URLs with template replacement
 const webcamStreamUrl = computed(() => {
   const template = rank.value.contest.options.teamWebcamStreamUrlTemplate;
@@ -41,6 +63,9 @@ const screenStreamUrl = computed(() => {
   return template.replace(/\$\{team_id\}/, team.value.id);
 });
 
+// Computed values for PiP mode
+const showPipMode = computed(() => layoutMode.value === "pip" && webcamStreamUrl.value && screenStreamUrl.value);
+
 // Initialize HLS player
 function initHlsPlayer(
   videoElement: HTMLVideoElement,
@@ -135,99 +160,306 @@ watch(() => team.value.id, () => {
     initPlayers();
   });
 });
+
+// Watch for layout mode changes to reinitialize players
+watch([layoutMode, pipMain], () => {
+  destroyHlsPlayers();
+
+  nextTick(() => {
+    initPlayers();
+  });
+});
 </script>
 
 <template>
   <div
-    flex flex-col md:flex-row
-    gap-4 w-full
-    p-4
+    flex flex-col
+    gap-2 w-full
   >
-    <!-- Webcam Stream -->
+    <!-- Control Bar -->
     <div
-      v-if="webcamStreamUrl"
-      flex-1
-      flex flex-col
-      items-center
+      v-if="webcamStreamUrl && screenStreamUrl"
+      flex flex-wrap items-center gap-4
+      px-2 py-1
+      bg-gray-100 dark:bg-gray-800
+      rounded-lg
     >
-      <h4
-        text-lg font-semibold
-        text-gray-900 dark:text-white
-        mb-2
-      >
-        {{ t("streams.webcam") }}
-      </h4>
+      <!-- Layout Mode Toggle -->
+      <div flex items-center gap-2>
+        <span text-sm text-gray-600 dark:text-gray-300>
+          {{ t("streams.layout.side_by_side") }}
+        </span>
+        <button
+          class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors" :class="[
+            layoutMode === 'pip' ? 'bg-blue-600' : 'bg-gray-300 dark:bg-gray-600',
+          ]"
+          @click="layoutMode = layoutMode === 'side-by-side' ? 'pip' : 'side-by-side'"
+        >
+          <span
+            class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform" :class="[
+              layoutMode === 'pip' ? 'translate-x-6' : 'translate-x-1',
+            ]"
+          />
+        </button>
+        <span text-sm text-gray-600 dark:text-gray-300>
+          {{ t("streams.layout.pip") }}
+        </span>
+      </div>
+
+      <!-- PiP Controls (only shown in PiP mode) -->
+      <template v-if="layoutMode === 'pip'">
+        <!-- Main Video Toggle -->
+        <div flex items-center gap-2>
+          <span text-sm text-gray-600 dark:text-gray-300>
+            {{ t("streams.pip.main") }}:
+          </span>
+          <button
+            class="px-3 py-1 text-sm rounded-l-md transition-colors" :class="[
+              pipMain === 'screen'
+                ? 'bg-blue-600 text-white'
+                : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600',
+            ]"
+            @click="pipMain = 'screen'"
+          >
+            {{ t("streams.screen") }}
+          </button>
+          <button
+            class="px-3 py-1 text-sm rounded-r-md transition-colors" :class="[
+              pipMain === 'webcam'
+                ? 'bg-blue-600 text-white'
+                : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600',
+            ]"
+            @click="pipMain = 'webcam'"
+          >
+            {{ t("streams.webcam") }}
+          </button>
+        </div>
+
+        <!-- PiP Position Selector -->
+        <div flex items-center gap-2>
+          <span text-sm text-gray-600 dark:text-gray-300>
+            {{ t("streams.pip.position") }}:
+          </span>
+          <div flex items-center gap-1>
+            <button
+              v-for="pos in pipPositionOptions"
+              :key="pos"
+              class="relative w-6 h-6 rounded transition-colors text-xs" :class="[
+                pipPosition === pos
+                  ? 'bg-blue-600 text-white'
+                  : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600',
+              ]"
+              :title="t(`streams.pip.${pos.replace(/-/g, '_')}`)"
+              @click="pipPosition = pos"
+            >
+              <span
+                class="absolute w-2 h-2 bg-current rounded-sm" :class="[
+                  pos.includes('top') ? 'top-0.5' : 'bottom-0.5',
+                  pos.includes('left') ? 'left-0.5' : 'right-0.5',
+                ]"
+              />
+            </button>
+          </div>
+        </div>
+      </template>
+    </div>
+
+    <!-- Side by Side Layout -->
+    <div
+      v-if="!showPipMode"
+      flex flex-col md:flex-row
+      gap-4 w-full
+    >
+      <!-- Webcam Stream -->
       <div
-        v-if="!webcamError"
-        w-full
-        aspect-video
-        bg-black
-        rounded-lg
-        overflow-hidden
+        v-if="webcamStreamUrl"
+        flex-1
+        flex flex-col
+        items-center
       >
-        <video
-          ref="webcamVideoRef"
-          controls
-          muted
-          playsinline
-          class="w-full h-full object-contain"
-        />
+        <h4
+          text-lg font-semibold
+          text-gray-900 dark:text-white
+          mb-2
+        >
+          {{ t("streams.webcam") }}
+        </h4>
+        <div
+          v-if="!webcamError"
+          w-full
+          aspect-video
+          bg-black
+          rounded-lg
+          overflow-hidden
+        >
+          <video
+            ref="webcamVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain"
+          />
+        </div>
+        <div
+          v-else
+          w-full
+          aspect-video
+          bg-gray-200 dark:bg-gray-700
+          rounded-lg
+          flex items-center justify-center
+        >
+          <span text-gray-500 dark:text-gray-400>
+            {{ t("streams.unavailable") }}
+          </span>
+        </div>
       </div>
+
+      <!-- Screen Stream -->
       <div
-        v-else
-        w-full
-        aspect-video
-        bg-gray-200 dark:bg-gray-700
-        rounded-lg
-        flex items-center justify-center
+        v-if="screenStreamUrl"
+        flex-1
+        flex flex-col
+        items-center
       >
-        <span text-gray-500 dark:text-gray-400>
-          {{ t("streams.unavailable") }}
-        </span>
+        <h4
+          text-lg font-semibold
+          text-gray-900 dark:text-white
+          mb-2
+        >
+          {{ t("streams.screen") }}
+        </h4>
+        <div
+          v-if="!screenError"
+          w-full
+          aspect-video
+          bg-black
+          rounded-lg
+          overflow-hidden
+        >
+          <video
+            ref="screenVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain"
+          />
+        </div>
+        <div
+          v-else
+          w-full
+          aspect-video
+          bg-gray-200 dark:bg-gray-700
+          rounded-lg
+          flex items-center justify-center
+        >
+          <span text-gray-500 dark:text-gray-400>
+            {{ t("streams.unavailable") }}
+          </span>
+        </div>
       </div>
     </div>
 
-    <!-- Screen Stream -->
+    <!-- Picture in Picture Layout -->
     <div
-      v-if="screenStreamUrl"
-      flex-1
-      flex flex-col
-      items-center
+      v-else
+      class="relative w-full"
     >
-      <h4
-        text-lg font-semibold
-        text-gray-900 dark:text-white
-        mb-2
-      >
-        {{ t("streams.screen") }}
-      </h4>
+      <!-- Main Video -->
       <div
-        v-if="!screenError"
         w-full
         aspect-video
         bg-black
         rounded-lg
         overflow-hidden
       >
-        <video
-          ref="screenVideoRef"
-          controls
-          muted
-          playsinline
-          class="w-full h-full object-contain"
-        />
+        <template v-if="pipMain === 'screen'">
+          <video
+            v-if="!screenError"
+            ref="screenVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain"
+          />
+          <div
+            v-else
+            w-full h-full
+            bg-gray-200 dark:bg-gray-700
+            flex items-center justify-center
+          >
+            <span text-gray-500 dark:text-gray-400>
+              {{ t("streams.unavailable") }}
+            </span>
+          </div>
+        </template>
+        <template v-else>
+          <video
+            v-if="!webcamError"
+            ref="webcamVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain"
+          />
+          <div
+            v-else
+            w-full h-full
+            bg-gray-200 dark:bg-gray-700
+            flex items-center justify-center
+          >
+            <span text-gray-500 dark:text-gray-400>
+              {{ t("streams.unavailable") }}
+            </span>
+          </div>
+        </template>
       </div>
+
+      <!-- PiP Overlay Video -->
       <div
-        v-else
-        w-full
-        aspect-video
-        bg-gray-200 dark:bg-gray-700
-        rounded-lg
-        flex items-center justify-center
+        class="absolute w-1/4 aspect-video rounded-lg overflow-hidden shadow-lg border-2 border-white dark:border-gray-800" :class="[
+          pipPositionClass,
+        ]"
       >
-        <span text-gray-500 dark:text-gray-400>
-          {{ t("streams.unavailable") }}
-        </span>
+        <template v-if="pipMain === 'screen'">
+          <video
+            v-if="!webcamError"
+            ref="webcamVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain bg-black"
+          />
+          <div
+            v-else
+            w-full h-full
+            bg-gray-200 dark:bg-gray-700
+            flex items-center justify-center
+          >
+            <span text-xs text-gray-500 dark:text-gray-400>
+              {{ t("streams.unavailable") }}
+            </span>
+          </div>
+        </template>
+        <template v-else>
+          <video
+            v-if="!screenError"
+            ref="screenVideoRef"
+            controls
+            muted
+            playsinline
+            class="w-full h-full object-contain bg-black"
+          />
+          <div
+            v-else
+            w-full h-full
+            bg-gray-200 dark:bg-gray-700
+            flex items-center justify-center
+          >
+            <span text-xs text-gray-500 dark:text-gray-400>
+              {{ t("streams.unavailable") }}
+            </span>
+          </div>
+        </template>
       </div>
     </div>
   </div>

package/dist/assets/constant-DwAKIVXi.js

@@ -1 +0,0 @@
-import{h as t}from"./index-BK3vjQva.js";const a="0.78.2",c="https://github.com/xcpcio/xcpcio",T="d6f6c78af9",I="https://xcpcio.com",r="Board - XCPCIO",_="Rating - XCPCIO",O="Balloon - XCPCIO",C="Resolver - XCPCIO",i="Countdown - XCPCIO",A=t(()=>window?window.CDN_HOST:""),o=t(()=>window?window.DATA_HOST:""),d=t(()=>o.value.replace("/data/","/rating-data/")),e=t(()=>window?window.DATA_REGION:"");export{a as A,O as B,A as C,o as D,c as G,d as R,r as T,I as X,T as a,e as b,i as c,_ as d,C as e};

package/dist/assets/default-CxXqQtzW.js

@@ -1 +0,0 @@
-import{_ as r,a}from"./NavBar-D7Ws8ePI.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c,o as s,a as o,b as m,r as p,F as i}from"./index-BK3vjQva.js";import"./Tooltip.vue_vue_type_script_setup_true_lang-DVShQdNz.js";import"./constant-DwAKIVXi.js";const u={},l={"py-10":"","text-gray-700":"","dark:text-gray-200":""};function f(d,g){const e=r,t=p("RouterView"),n=a;return s(),c(i,null,[o(e),m("main",l,[o(t),o(n)])],64)}const F=_(u,[["render",f]]);export{F as default};

package/dist/assets/en-DI7hknTx.js

@@ -1 +0,0 @@
-const t={button:{about:{t:0,b:{t:2,i:[{t:3}],s:"About"}},back:{t:0,b:{t:2,i:[{t:3}],s:"Back"}},go:{t:0,b:{t:2,i:[{t:3}],s:"GO"}},home:{t:0,b:{t:2,i:[{t:3}],s:"Home"}},confirm:{t:0,b:{t:2,i:[{t:3}],s:"Confirm"}},cancel:{t:0,b:{t:2,i:[{t:3}],s:"Cancel"}},toggle_dark:{t:0,b:{t:2,i:[{t:3}],s:"Toggle dark mode"}},toggle_langs:{t:0,b:{t:2,i:[{t:3}],s:"Change languages"}}},intro:{desc:{t:0,b:{t:2,i:[{t:3}],s:"Opinionated Vite Starter Template"}},"dynamic-route":{t:0,b:{t:2,i:[{t:3}],s:"Demo of dynamic route"}},hi:{t:0,b:{t:2,i:[{t:3,v:"Hi, "},{t:4,k:"name"},{t:3,v:"!"}]}},aka:{t:0,b:{t:2,i:[{t:3}],s:"Also known as"}},"whats-your-name":{t:0,b:{t:2,i:[{t:3}],s:"What's your name?"}}},"not-found":{t:0,b:{t:2,i:[{t:3}],s:"Not found"}},common:{loading:{t:0,b:{t:2,i:[{t:3}],s:"Loading"}},colon:{t:0,b:{t:2,i:[{t:3}],s:":"}}},index:{start:{t:0,b:{t:2,i:[{t:3}],s:"StartTime"}},duration:{t:0,b:{t:2,i:[{t:3}],s:"Duration"}}},type_menu:{rank:{t:0,b:{t:2,i:[{t:3}],s:"Rank"}},overview:{t:0,b:{t:2,i:[{t:3}],s:"Overview"}},submissions:{t:0,b:{t:2,i:[{t:3}],s:"Submissions"}},statistics:{t:0,b:{t:2,i:[{t:3}],s:"Statistics"}},streams:{t:0,b:{t:2,i:[{t:3}],s:"Streams"}},balloon:{t:0,b:{t:2,i:[{t:3}],s:"Balloon"}},resolver:{t:0,b:{t:2,i:[{t:3}],s:"Resolver"}},filter:{t:0,b:{t:2,i:[{t:3}],s:"Filter"}},options:{t:0,b:{t:2,i:[{t:3}],s:"Options"}},utility:{t:0,b:{t:2,i:[{t:3}],s:"Utility"}},countdown:{t:0,b:{t:2,i:[{t:3}],s:"Countdown"}}},streams:{webcam:{t:0,b:{t:2,i:[{t:3}],s:"Webcam"}},screen:{t:0,b:{t:2,i:[{t:3}],s:"Screen"}},unavailable:{t:0,b:{t:2,i:[{t:3}],s:"Stream unavailable"}}},utility:{tools:{t:0,b:{t:2,i:[{t:3}],s:"Tools"}},export:{t:0,b:{t:2,i:[{t:3}],s:"Export"}}},standings:{start_time:{t:0,b:{t:2,i:[{t:3}],s:"Start"}},end_time:{t:0,b:{t:2,i:[{t:3}],s:"End"}},elapsed:{t:0,b:{t:2,i:[{t:3}],s:"Elapsed"}},remaining:{t:0,b:{t:2,i:[{t:3}],s:"Remaining"}},place:{t:0,b:{t:2,i:[{t:3}],s:"Place"}},team:{t:0,b:{t:2,i:[{t:3}],s:"Team"}},solved:{t:0,b:{t:2,i:[{t:3}],s:"Solved"}},penalty:{t:0,b:{t:2,i:[{t:3}],s:"Penalty"}},dirt:{t:0,b:{t:2,i:[{t:3}],s:"Dirt"}},se:{t:0,b:{t:2,i:[{t:3}],s:"SE"}},statistics:{submitted:{t:0,b:{t:2,i:[{t:3}],s:"Submitted"}},attempted:{t:0,b:{t:2,i:[{t:3}],s:"Attempted"}},accepted:{t:0,b:{t:2,i:[{t:3}],s:"Accepted"}},dirt:{t:0,b:{t:2,i:[{t:3}],s:"Dirt"}},se:{t:0,b:{t:2,i:[{t:3}],s:"SE"}},first_solved:{t:0,b:{t:2,i:[{t:3}],s:"First Solved"}},last_solved:{t:0,b:{t:2,i:[{t:3}],s:"Last Solved"}},head_data:{problems:{t:0,b:{t:2,i:[{t:3}],s:"Problems"}},organizations:{t:0,b:{t:2,i:[{t:3}],s:"Organizations"}},teams:{t:0,b:{t:2,i:[{t:3}],s:"Teams"}},submissions:{t:0,b:{t:2,i:[{t:3}],s:"Submissions"}}},submit_heatmap:{t:0,b:{t:2,i:[{t:3}],s:"Submit Heatmap"}}},options:{calculation_of_penalty:{t:0,b:{t:2,i:[{t:3}],s:"Calculation Of Penalty"}},in_minutes:{t:0,b:{t:2,i:[{t:3}],s:"in minutes"}},in_seconds:{t:0,b:{t:2,i:[{t:3}],s:"in seconds"}},accumulate_in_seconds_and_finally_to_the_minute:{t:0,b:{t:2,i:[{t:3}],s:"Accumulate in seconds and finally to the minute"}}}},submissions:{total_submissions:{t:0,b:{t:2,i:[{t:3}],s:"Total Submissions"}}},team_info:{rank:{t:0,b:{t:2,i:[{t:3}],s:"Rank"}},team_name:{t:0,b:{t:2,i:[{t:3}],s:"Team Name"}},organization:{t:0,b:{t:2,i:[{t:3}],s:"Organization"}},group:{t:0,b:{t:2,i:[{t:3}],s:"Group"}},members:{t:0,b:{t:2,i:[{t:3}],s:"Members"}},coaches:{t:0,b:{t:2,i:[{t:3}],s:"Coaches"}},location:{t:0,b:{t:2,i:[{t:3}],s:"Location"}},award:{t:0,b:{t:2,i:[{t:3}],s:"Award"}}},medal:{gold:{t:0,b:{t:2,i:[{t:3}],s:"Gold Medal"}},silver:{t:0,b:{t:2,i:[{t:3}],s:"Silver Medal"}},bronze:{t:0,b:{t:2,i:[{t:3}],s:"Bronze Medal"}},honorable:{t:0,b:{t:2,i:[{t:3}],s:"Honorable Mention"}}}};export{t as default};

package/dist/assets/index-D3WwNYgO.js

@@ -1 +0,0 @@
-import{_ as p}from"./Resolver-DVrWZP6x.js";import{_ as l}from"./DataSourceInput.vue_vue_type_script_setup_true_lang-DE4jHYLG.js";import{b as d}from"./use-vmodel-C-KfQ0NC.js";import{e as f,c as e,o as t,F as h,q as c,u as r,b as v,a as n}from"./index-BK3vjQva.js";import{b as a}from"./route-block-B_A1xBdJ.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./rank-BsQbvMFp.js";import"./dayjs-sKjsZKv5.js";import"./person-CITgECKA.js";import"./constant-DwAKIVXi.js";import"./TheInput.vue_vue_type_script_setup_true_lang-DrpFacxq.js";const x={key:0},b={"mt-20":""},g={key:1},y=f({__name:"CustomResolver",setup(m){const o=d();return(s,B)=>{const u=l,i=p;return t(),e(h,null,[r(o).length===0?(t(),e("div",x,[v("div",b,[n(u)])])):c("",!0),r(o).length>0?(t(),e("div",g,[n(i,{"data-source-url":r(o)},null,8,["data-source-url"])])):c("",!0)],64)}}}),_={};function C(m,o){const s=y;return t(),e("div",null,[n(s)])}typeof a=="function"&&a(_);const Q=k(_,[["render",C]]);export{Q as default};

package/dist/assets/index-cVfSQJhC.js

@@ -1 +0,0 @@
-import{_ as u}from"./Board-DDliK7fC.js";import{_ as i}from"./DataSourceInput.vue_vue_type_script_setup_true_lang-DE4jHYLG.js";import{b as f}from"./use-vmodel-C-KfQ0NC.js";import{e as l,c as e,o as t,a as n,q as d,u as a,F as B,G as k}from"./index-BK3vjQva.js";import{b as c}from"./route-block-B_A1xBdJ.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./pagination-BkDeG1vq.js";import"./Tooltip.vue_vue_type_script_setup_true_lang-DVShQdNz.js";import"./TheInput.vue_vue_type_script_setup_true_lang-DrpFacxq.js";import"./rank-BsQbvMFp.js";import"./dayjs-sKjsZKv5.js";import"./person-CITgECKA.js";import"./ContestStateBadge-DlqaOjhy.js";import"./constant-DwAKIVXi.js";const h={key:0},C=l({__name:"CustomBoard",setup(m){const o=f();return(r,g)=>{const _=i,p=u;return t(),e(B,null,[n(_),a(o).length>0?(t(),e("div",h,[n(p,{"data-source-url":a(o)},null,8,["data-source-url"])])):d("",!0)],64)}}}),s={};function b(m,o){const r=C;return t(),k(r)}typeof c=="function"&&c(s);const j=x(s,[["render",b]]);export{j as default};

package/dist/favicon-dark.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
-  <path fill="#888888"
-    d="M391 307.27c32.75-46.35 46.59-101.63 39-155.68C416.47 55.59 327.38-11.54 231.38 2S68.24 104.53 81.73 200.53c7.57 53.89 36.12 103.16 80.37 138.74c26.91 21.64 57.59 36.1 86.05 41.33l-8.36 45.23a8 8 0 0 0 9 9.38L279 431c15.9 35.87 41.65 60.48 78.41 75l14.88 5.88l11.77-29.75l-14.88-5.89c-26.35-10.42-44.48-26.16-57-49.92l21.84-3.07a8 8 0 0 0 6.05-11.49l-20.49-41.16c25.98-12.87 51.49-35.18 71.42-63.33Zm-160.82 15.66c-41.26-16.32-76.3-52.7-91.45-94.94l-5.4-15.06l30.12-10.8l5.4 15.06c14.5 40.44 47.27 65.77 73.1 76l14.88 5.88l-11.77 29.76Z" />
-</svg>

package/public/favicon-dark.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
-  <path fill="#888888"
-    d="M391 307.27c32.75-46.35 46.59-101.63 39-155.68C416.47 55.59 327.38-11.54 231.38 2S68.24 104.53 81.73 200.53c7.57 53.89 36.12 103.16 80.37 138.74c26.91 21.64 57.59 36.1 86.05 41.33l-8.36 45.23a8 8 0 0 0 9 9.38L279 431c15.9 35.87 41.65 60.48 78.41 75l14.88 5.88l11.77-29.75l-14.88-5.89c-26.35-10.42-44.48-26.16-57-49.92l21.84-3.07a8 8 0 0 0 6.05-11.49l-20.49-41.16c25.98-12.87 51.49-35.18 71.42-63.33Zm-160.82 15.66c-41.26-16.32-76.3-52.7-91.45-94.94l-5.4-15.06l30.12-10.8l5.4 15.06c14.5 40.44 47.27 65.77 73.1 76l14.88 5.88l-11.77 29.76Z" />
-</svg>