@vtx/modals2 5.0.2 → 5.0.3

package/lib/vtx-df-modal/components/WorkCondition/index.js

@@ -0,0 +1,167 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * 计量-工况信息
+ */
+import { useSetState } from 'ahooks';
+import { Space, Tabs } from 'antd';
+import moment from 'moment';
+import { useEffect, useState } from 'react';
+import { VmFilter, VmWrapper } from "../../../_components";
+import useSettings from "../../../_hooks/useSettings";
+import { BaseService } from "../../api";
+import Monitor from "./Monitor";
+import Table from "./Table";
+import "./index.less";
+import alarm from "../../imgs/alarm.png";
+import alarmLight from "../../imgs/alarm_light.png";
+import normal from "../../imgs/normal.png";
+import normalLight from "../../imgs/normal_light.png";
+import more from "../../imgs/tab_more.png";
+import moreLight from "../../imgs/tab_more_light.png";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var WorkCondition = function WorkCondition(props) {
+  var _realtimeMonitor$find;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  var code = props.code;
+  var _useSetState = useSetState({
+      startDate: moment().subtract(3, 'days'),
+      endDate: moment(),
+      tabKey: 'chart'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deviceId = _useState4[0],
+    setDeviceId = _useState4[1]; // 列表使用
+  var startDate = state.startDate,
+    endDate = state.endDate,
+    tabKey = state.tabKey;
+  var _BaseService$useRealt = BaseService.useRealtimeMonitor(code),
+    realtimeMonitor = _BaseService$useRealt.realtimeMonitor;
+  useEffect(function () {
+    if ((realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.length) > 0) {
+      var _realtimeMonitor$;
+      setActive(realtimeMonitor[0].deviceId);
+      setDeviceId(realtimeMonitor === null || realtimeMonitor === void 0 || (_realtimeMonitor$ = realtimeMonitor[0]) === null || _realtimeMonitor$ === void 0 ? void 0 : _realtimeMonitor$.deviceId);
+    }
+  }, [realtimeMonitor]);
+  var _BaseService$useRealt2 = BaseService.useRealtime(active),
+    realtimeRes = _BaseService$useRealt2.realtimeRes;
+  var alarmImg = isDark ? alarm : alarmLight;
+  var normalImg = isDark ? normal : normalLight;
+  var disabledDate = function disabledDate(current) {
+    if (!startDate || !endDate) {
+      return false;
+    }
+    var tooLate = startDate && current.diff(startDate, 'days') > 7;
+    var tooEarly = endDate && endDate.diff(current, 'days') > 7;
+    return !!tooEarly || !!tooLate;
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "df-condition",
+    children: /*#__PURE__*/_jsxs(VmWrapper, {
+      title: "\u8FD0\u884C\u603B\u89C8",
+      onChange: function onChange(key) {
+        setState({
+          tabKey: key
+        });
+      },
+      needChange: true,
+      extra: /*#__PURE__*/_jsxs(Space, {
+        children: [tabKey === 'list' && /*#__PURE__*/_jsx(VmFilter.VMSelect, {
+          value: deviceId,
+          onChange: function onChange(val) {
+            setDeviceId(val);
+          },
+          options: realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.map(function (item) {
+            return {
+              value: item.deviceId,
+              label: item.deviceName
+            };
+          }),
+          style: {
+            width: 150
+          },
+          placeholder: "\u8BF7\u9009\u62E9",
+          allowClear: false
+        }), /*#__PURE__*/_jsx(VmFilter.VMRangePicker, {
+          value: [moment(startDate), moment(endDate)],
+          disabledDate: disabledDate,
+          onChange: function onChange(dates) {
+            return dates && setState({
+              startDate: moment(dates[0]),
+              endDate: moment(dates[1])
+            });
+          }
+        })]
+      }),
+      children: [tabKey === 'chart' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          className: "df-condition-head",
+          children: /*#__PURE__*/_jsx(Tabs, {
+            centered: true,
+            moreIcon: /*#__PURE__*/_jsx("img", {
+              src: isDark ? more : moreLight
+            }),
+            popupClassName: "df-popup-className ".concat(isDark ? 'dark' : ''),
+            onChange: function onChange(key) {
+              setActive(key);
+            },
+            size: "small",
+            items: (realtimeMonitor === null || realtimeMonitor === void 0 ? void 0 : realtimeMonitor.map(function (item) {
+              var flag = item.beenNormal;
+              return {
+                label: /*#__PURE__*/_jsxs("div", {
+                  className: "df-monitor-head-item",
+                  children: [/*#__PURE__*/_jsx("img", {
+                    src: flag ? normalImg : alarmImg
+                  }), /*#__PURE__*/_jsxs("div", {
+                    className: "df-monitor-head-item-right",
+                    children: [/*#__PURE__*/_jsx("div", {
+                      className: "df-monitor-head-item-right-name",
+                      children: item.deviceName
+                    }), /*#__PURE__*/_jsx("div", {
+                      className: "df-monitor-head-item-right-".concat(flag ? 'valueNormal' : 'valueAlarm'),
+                      children: /*#__PURE__*/_jsx("span", {
+                        children: flag ? '正常' : '异常'
+                      })
+                    })]
+                  })]
+                }),
+                key: item.deviceId
+              };
+            })) || []
+          })
+        }), /*#__PURE__*/_jsx(Monitor, {
+          deviceName: realtimeMonitor === null || realtimeMonitor === void 0 || (_realtimeMonitor$find = realtimeMonitor.find(function (ele) {
+            return ele.deviceId === active;
+          })) === null || _realtimeMonitor$find === void 0 ? void 0 : _realtimeMonitor$find.deviceName,
+          realtimeRes: realtimeRes,
+          startDate: startDate,
+          endDate: endDate,
+          deviceId: active
+        })]
+      }), tabKey === 'list' && /*#__PURE__*/_jsx("div", {
+        className: "df-condition-table",
+        children: /*#__PURE__*/_jsx(Table, {
+          startDate: moment(startDate).format('YYYY-MM-DD 00:00:00'),
+          endDate: moment(endDate).format('YYYY-MM-DD 00:00:00'),
+          deviceId: deviceId
+        })
+      })]
+    })
+  });
+};
+export default WorkCondition;

package/lib/vtx-df-modal/components/WorkCondition/index.less

@@ -0,0 +1,113 @@
+.df-condition {
+  padding: 10px;
+  &-head {
+    width: 100%;
+  }
+
+  &-table {
+    height: 518px;
+  }
+  &-trend {
+    width: 100%;
+    &-head {
+      height: 32px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+  .environment-monitor {
+    padding: 10px 16px;
+    border: 1px solid var(--bg-border-color2);
+
+    background-color: var(--content-bg-color);
+    text-align: center;
+
+    &-situation {
+      height: 100%;
+      min-height: 500px;
+      padding: 10px 16px;
+      background-color: var(--content-bg-color);
+      border: 1px solid var(--bg-border-color2);
+
+      &-noData {
+        text-align: center;
+      }
+    }
+  }
+  .em-situation {
+    clear: both;
+    &-wrap {
+      width: 620px;
+      margin: 150px auto;
+    }
+    &-parent {
+      width: 324px;
+      height: 57px;
+      line-height: 50px;
+      margin: 0 auto;
+      background: url('../../imgs/situation_parent_bg.png') no-repeat 100% 100%;
+      color: var(--info-color);
+      img {
+        width: 46px;
+        height: 50px;
+        margin-left: 44px;
+        margin-right: 18px;
+      }
+      span {
+        font-size: 22px;
+      }
+    }
+    &-verticaline {
+      width: 2px;
+      height: 28px;
+      margin: 0 auto;
+      background: #096e88;
+    }
+    &-horizontaline {
+      width: 540px;
+      height: 2px;
+      margin: 0 auto;
+      background: #096e88;
+    }
+    &-verticaline4 {
+      width: 540px;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      align-items: start;
+      &-item {
+        width: 2px;
+        height: 16px;
+        background: #096e88;
+      }
+    }
+    &-content {
+      width: 100%;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      align-items: start;
+      &-item {
+        width: 80px;
+        text-align: center;
+        &--progress {
+          margin-top: 6px;
+        }
+        &--name {
+          margin-top: 12px;
+          color: var(--label-color);
+        }
+        &--value {
+          color: var(--info-color);
+          span {
+            font-size: 22px;
+          }
+        }
+      }
+    }
+  }
+  .ant-progress-text {
+    color: var(--info-color) !important;
+  }
+}

package/lib/vtx-df-modal/components/index.js

@@ -0,0 +1,5 @@
+import BaseInfo from "./BaseInfo";
+import Calendar from "./Calendar";
+import Metering from "./Metering";
+import WorkCondition from "./WorkCondition";
+export { BaseInfo, Calendar, Metering, WorkCondition };

package/lib/vtx-df-modal/imgs/rjjcl.svg

@@ -0,0 +1,55 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 438">
+<g id="Group 461">
+<circle id="Ellipse 38" cx="22" cy="22" r="22" fill="#119FFB" fill-opacity="0.1"/>
+</g>
+<g id="Group 528">
+<g id="Frame">
+<g id="Frame_2" clip-path="url(#clip0_163_1776)">
+<g id="Vector" filter="url(#filter0_i_163_1776)">
+<path d="M9.47559 32.618V31.0052H11.1652V21.294H17.8891V17.9599L22.2068 21.294V17.9599L26.5293 21.294V17.9599L30.847 21.294V31.0052H32.5289V32.618H9.47559ZM11.9913 20.7705L13.3053 12.818H15.6702L16.9842 20.7695L11.9913 20.7705ZM21.3778 12.4559C20.3016 11.9437 19.1247 11.6779 17.9328 11.6779C16.7409 11.6779 15.564 11.9437 14.4878 12.4559C17.6605 9.74331 20.5614 10.6222 20.5614 10.6222C22.8482 11.8025 25.4813 12.1275 27.9864 11.5386C26.7781 12.3828 25.3294 12.814 23.8561 12.7681C23.0204 12.771 22.1866 12.6653 21.3778 12.455V12.4559Z" fill="#119FFB"/>
+</g>
+</g>
+</g>
+<g id="Frame_3" clip-path="url(#clip1_163_1776)">
+<foreignObject x="17.667" y="16.667" width="22.667" height="22.667"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_2_163_1776_clip_path);height:100%;width:100%"></div></foreignObject><path id="Vector_2" data-figma-bg-blur-radius="4" d="M29 20.9668C30.8654 20.9668 32.6546 21.7083 33.9736 23.0273C35.2925 24.3463 36.0331 26.1348 36.0332 28C36.0332 28.9235 35.8514 29.8382 35.498 30.6914C35.1446 31.5447 34.6267 32.3205 33.9736 32.9736C33.3205 33.6267 32.5447 34.1446 31.6914 34.498C30.8382 34.8514 29.9235 35.0332 29 35.0332C28.0765 35.0332 27.1618 34.8515 26.3086 34.498C25.4554 34.1446 24.6804 33.6266 24.0273 32.9736C23.3742 32.3205 22.8554 31.5447 22.502 30.6914C22.1486 29.8382 21.9668 28.9234 21.9668 28C21.9669 26.1348 22.7084 24.3463 24.0273 23.0273C25.3463 21.7084 27.1348 20.9669 29 20.9668Z" fill="#C5DFFF" fill-opacity="0.5" stroke="url(#paint0_linear_163_1776)" stroke-width="0.6"/>
+<g id="&#230;&#151;&#165;" filter="url(#filter2_d_163_1776)">
+<path d="M26.232 24.688H31.816V31.608H30.784V25.656H27.216V31.624H26.232V24.688ZM26.904 27.376H31.208V28.32H26.904V27.376ZM26.904 30.128H31.216V31.096H26.904V30.128Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_i_163_1776" x="9.47559" y="10.4863" width="23.0537" height="24.1318" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_163_1776"/>
+</filter>
+<clipPath id="bgblur_2_163_1776_clip_path" transform="translate(-17.667 -16.667)"><path d="M29 20.9668C30.8654 20.9668 32.6546 21.7083 33.9736 23.0273C35.2925 24.3463 36.0331 26.1348 36.0332 28C36.0332 28.9235 35.8514 29.8382 35.498 30.6914C35.1446 31.5447 34.6267 32.3205 33.9736 32.9736C33.3205 33.6267 32.5447 34.1446 31.6914 34.498C30.8382 34.8514 29.9235 35.0332 29 35.0332C28.0765 35.0332 27.1618 34.8515 26.3086 34.498C25.4554 34.1446 24.6804 33.6266 24.0273 32.9736C23.3742 32.3205 22.8554 31.5447 22.502 30.6914C22.1486 29.8382 21.9668 28.9234 21.9668 28C21.9669 26.1348 22.7084 24.3463 24.0273 23.0273C25.3463 21.7084 27.1348 20.9669 29 20.9668Z"/>
+</clipPath><filter id="filter2_d_163_1776" x="22.2324" y="22.6885" width="13.584" height="14.9355" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0862745 0 0 0 0 0.466667 0 0 0 0 1 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_163_1776"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_163_1776" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_163_1776" x1="29.0003" y1="20.667" x2="29.0003" y2="35.3337" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.7"/>
+</linearGradient>
+<clipPath id="clip0_163_1776">
+<rect width="24" height="24" fill="white" transform="translate(9.00977 10.0127)"/>
+</clipPath>
+<clipPath id="clip1_163_1776">
+<rect width="16" height="16" fill="white" transform="translate(21 20)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/vtx-df-modal/imgs/rjjcl_dark.svg

@@ -0,0 +1,94 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 438">
+<g id="Group 461">
+<g id="Ellipse 38">
+<g filter="url(#filter0_ii_180_10049)">
+<circle cx="22" cy="22" r="22" fill="url(#paint0_linear_180_10049)" fill-opacity="0.5"/>
+</g>
+<circle cx="22" cy="22" r="21.5" stroke="url(#paint1_linear_180_10049)"/>
+</g>
+</g>
+<g id="Group 528">
+<g id="Frame">
+<g id="Frame_2" clip-path="url(#clip0_180_10049)">
+<g id="Vector" filter="url(#filter1_di_180_10049)">
+<path d="M9.47656 32.618V31.0052H11.1662V21.294H17.8901V17.9599L22.2078 21.294V17.9599L26.5303 21.294V17.9599L30.848 21.294V31.0052H32.5299V32.618H9.47656ZM11.9923 20.7705L13.3063 12.818H15.6712L16.9852 20.7695L11.9923 20.7705ZM21.3788 12.4559C20.3026 11.9437 19.1257 11.6779 17.9338 11.6779C16.7419 11.6779 15.565 11.9437 14.4887 12.4559C17.6615 9.74331 20.5623 10.6222 20.5623 10.6222C22.8491 11.8025 25.4823 12.1275 27.9874 11.5386C26.7791 12.3828 25.3303 12.814 23.857 12.7681C23.0213 12.771 22.1876 12.6653 21.3788 12.455V12.4559Z" fill="url(#paint2_linear_180_10049)"/>
+</g>
+</g>
+</g>
+<g id="Frame_3" clip-path="url(#clip1_180_10049)">
+<foreignObject x="17.666" y="16.667" width="22.666" height="22.667"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_2_180_10049_clip_path);height:100%;width:100%"></div></foreignObject><path id="Vector_2" data-figma-bg-blur-radius="4" d="M28.999 20.9668C30.8644 20.9668 32.6537 21.7083 33.9727 23.0273C35.2915 24.3463 36.0321 26.1348 36.0322 28C36.0322 28.9235 35.8504 29.8382 35.4971 30.6914C35.1436 31.5447 34.6258 32.3205 33.9727 32.9736C33.3196 33.6267 32.5438 34.1446 31.6904 34.498C30.8372 34.8514 29.9225 35.0332 28.999 35.0332C28.0755 35.0332 27.1608 34.8515 26.3076 34.498C25.4545 34.1446 24.6794 33.6266 24.0264 32.9736C23.3733 32.3205 22.8544 31.5447 22.501 30.6914C22.1477 29.8382 21.9658 28.9234 21.9658 28C21.9659 26.1348 22.7074 24.3463 24.0264 23.0273C25.3453 21.7084 27.1338 20.9669 28.999 20.9668Z" fill="#6DFFEC" fill-opacity="0.5" stroke="url(#paint3_linear_180_10049)" stroke-width="0.6"/>
+<g id="&#230;&#151;&#165;" filter="url(#filter3_d_180_10049)">
+<path d="M26.232 24.688H31.816V31.608H30.784V25.656H27.216V31.624H26.232V24.688ZM26.904 27.376H31.208V28.32H26.904V27.376ZM26.904 30.128H31.216V31.096H26.904V30.128Z" fill="white"/>
+</g>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_ii_180_10049" x="0" y="-4" width="44" height="50" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.988235 0 0 0 0 0.964706 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_180_10049"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.988235 0 0 0 0 0.964706 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_180_10049" result="effect2_innerShadow_180_10049"/>
+</filter>
+<filter id="filter1_di_180_10049" x="5.47656" y="6.48633" width="31.0527" height="30.1318" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_180_10049"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_180_10049" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_180_10049"/>
+</filter>
+<clipPath id="bgblur_2_180_10049_clip_path" transform="translate(-17.666 -16.667)"><path d="M28.999 20.9668C30.8644 20.9668 32.6537 21.7083 33.9727 23.0273C35.2915 24.3463 36.0321 26.1348 36.0322 28C36.0322 28.9235 35.8504 29.8382 35.4971 30.6914C35.1436 31.5447 34.6258 32.3205 33.9727 32.9736C33.3196 33.6267 32.5438 34.1446 31.6904 34.498C30.8372 34.8514 29.9225 35.0332 28.999 35.0332C28.0755 35.0332 27.1608 34.8515 26.3076 34.498C25.4545 34.1446 24.6794 33.6266 24.0264 32.9736C23.3733 32.3205 22.8544 31.5447 22.501 30.6914C22.1477 29.8382 21.9658 28.9234 21.9658 28C21.9659 26.1348 22.7074 24.3463 24.0264 23.0273C25.3453 21.7084 27.1338 20.9669 28.999 20.9668Z"/>
+</clipPath><filter id="filter3_d_180_10049" x="22.2324" y="22.6885" width="13.584" height="14.9355" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0862745 0 0 0 0 0.466667 0 0 0 0 1 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_180_10049"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_180_10049" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_180_10049" x1="22" y1="0" x2="22" y2="44" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FCF6" stop-opacity="0"/>
+<stop offset="1" stop-color="#08D6D1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_180_10049" x1="39.05" y1="3.85" x2="5.5" y2="37.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#00FCF6"/>
+</linearGradient>
+<linearGradient id="paint2_linear_180_10049" x1="21.0032" y1="32.618" x2="21.0032" y2="10.4863" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FCF6"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_180_10049" x1="28.9993" y1="20.667" x2="28.9993" y2="35.3337" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.7"/>
+</linearGradient>
+<clipPath id="clip0_180_10049">
+<rect width="24" height="24" fill="white" transform="translate(9.00977 10.0127)"/>
+</clipPath>
+<clipPath id="clip1_180_10049">
+<rect width="16" height="16" fill="white" transform="translate(21 20)"/>
+</clipPath>
+</defs>
+</svg>

package/lib/vtx-df-modal/imgs/sjnl.svg

@@ -0,0 +1,39 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 460">
+<circle id="Ellipse 39" cx="22" cy="22" r="22" fill="#FFAA00" fill-opacity="0.1"/>
+<g id="Vector" filter="url(#filter0_i_163_1792)">
+<path d="M21.812 10.2152L21.8275 10.224L31.1675 15.6426C31.418 15.7879 31.6265 15.9963 31.7724 16.2473C31.9184 16.4983 31.9969 16.7831 32 17.0739V27.9082C32 28.1989 31.9246 28.4847 31.7814 28.7372C31.6381 28.9897 31.4318 29.2004 31.1829 29.3484L31.1675 29.3575L21.8275 34.776C21.577 34.9213 21.2932 34.9985 21.004 35C20.7148 35.0015 20.4303 34.9272 20.1783 34.7845L20.1628 34.7757L10.832 29.3576C10.5817 29.2122 10.3733 29.0038 10.2274 28.7529C10.0815 28.502 10.0031 28.2172 10 27.9266V17.0914C10 16.8008 10.0753 16.5151 10.2185 16.2627C10.3617 16.0102 10.5678 15.7995 10.8166 15.6515L10.832 15.6424L20.1628 10.2244C20.4132 10.079 20.697 10.0016 20.9862 10C21.2754 9.99841 21.56 10.0726 21.812 10.2152ZM15.1966 26.3443L12.4156 27.9583L20.5839 32.7013V30.8139L15.1966 26.3443ZM27.0323 26.4772L21.4161 30.8444V32.6962L29.5837 27.9579L27.0323 26.4772ZM30.0025 17.7512L28.4387 18.6588L27.4527 25.755L30.0025 27.2349V17.7512ZM11.9974 17.7512V27.2349L14.6911 25.6716L13.5825 18.6712L11.9974 17.7512ZM20.5839 12.2987L12.4275 17.0348L14.0722 17.9893L20.5839 15.225V12.2987ZM21.4161 12.3038V15.2247L27.9321 17.9868L29.5718 17.0352L21.4161 12.3038Z" fill="#FFAA00"/>
+</g>
+<foreignObject x="16" y="17" width="23.6738" height="21.6299"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_0_163_1792_clip_path);height:100%;width:100%"></div></foreignObject><path id="Vector_2" data-figma-bg-blur-radius="4" d="M24.4297 21.2998H31.2441C31.3768 21.2998 31.5001 21.3692 31.5693 21.4824L35.3184 27.6152V27.6162C35.3547 27.6759 35.374 27.7445 35.374 27.8145C35.374 27.8846 35.3549 27.9538 35.3184 28.0137L31.5693 34.1475C31.5353 34.203 31.4875 34.2494 31.4307 34.2812C31.3738 34.3131 31.3093 34.3301 31.2441 34.3301H24.4297C24.2971 34.3301 24.1738 34.2606 24.1045 34.1475L20.3564 28.0137C20.3198 27.9538 20.2998 27.8847 20.2998 27.8145C20.2999 27.7444 20.3199 27.676 20.3564 27.6162V27.6152L24.1045 21.4824C24.1738 21.369 24.2965 21.2998 24.4297 21.2998Z" fill="#FFCAB7" fill-opacity="0.5" stroke="url(#paint0_linear_163_1792)" stroke-width="0.6"/>
+<g id="Vector_3" filter="url(#filter2_d_163_1792)">
+<path d="M25.1376 27.9791C25.139 27.3507 25.3481 26.7402 25.7322 26.2425C26.1164 25.7447 26.6543 25.3874 27.2625 25.2259C27.8707 25.0644 28.5152 25.1079 29.0962 25.3494C29.6772 25.591 30.1621 26.0172 30.4759 26.5619C30.7897 27.1067 30.9148 27.7397 30.8317 28.3627C30.7487 28.9856 30.4622 29.5639 30.0167 30.0077C29.5711 30.4516 28.9914 30.7363 28.3674 30.8176C27.7434 30.899 27.1099 30.7726 26.5652 30.4579C26.1305 30.206 25.7698 29.8444 25.5192 29.4093C25.2686 28.9743 25.137 28.481 25.1376 27.9791ZM28.5332 32.2807C28.6287 32.2807 28.7203 32.3186 28.7879 32.386C28.8554 32.4535 28.8934 32.545 28.8934 32.6403C28.8934 32.7357 28.8554 32.8272 28.7879 32.8947C28.7203 32.9621 28.6287 33 28.5332 33H27.4625C27.367 33 27.2754 32.9621 27.2078 32.8947C27.1403 32.8272 27.1024 32.7357 27.1024 32.6403C27.1024 32.545 27.1403 32.4535 27.2078 32.386C27.2754 32.3186 27.367 32.2807 27.4625 32.2807H28.5332ZM28 24.7918C27.9531 24.7918 27.9067 24.7826 27.8634 24.7647C27.8201 24.7468 27.7808 24.7205 27.7476 24.6874C27.7145 24.6543 27.6882 24.615 27.6703 24.5718C27.6523 24.5286 27.6431 24.4822 27.6431 24.4354V23.3589C27.6431 23.2637 27.681 23.1724 27.7484 23.1051C27.8158 23.0378 27.9072 23 28.0025 23C28.0978 23 28.1892 23.0378 28.2566 23.1051C28.324 23.1724 28.3619 23.2637 28.3619 23.3589V24.4318C28.3619 24.5264 28.3243 24.617 28.2574 24.6839C28.1904 24.7507 28.0997 24.7883 28.005 24.7883L28 24.7918ZM25.2232 25.7336L24.4644 24.9743C24.4082 24.9051 24.3796 24.8175 24.3843 24.7284C24.3891 24.6394 24.4267 24.5553 24.49 24.4924C24.5532 24.4295 24.6376 24.3922 24.7268 24.3879C24.816 24.3836 24.9036 24.4124 24.9727 24.4689L25.7315 25.2253C25.7915 25.294 25.8232 25.3829 25.8201 25.4741C25.8171 25.5652 25.7795 25.6518 25.7149 25.7164C25.6504 25.7809 25.5637 25.8186 25.4725 25.8218C25.3812 25.825 25.2921 25.7934 25.2232 25.7336ZM24.438 27.6434C24.5335 27.6434 24.6251 27.6813 24.6927 27.7487C24.7602 27.8162 24.7981 27.9076 24.7981 28.003C24.7981 28.0984 24.7602 28.1899 24.6927 28.2573C24.6251 28.3248 24.5335 28.3627 24.438 28.3627H23.3601C23.2646 28.3627 23.173 28.3248 23.1055 28.2573C23.0379 28.1899 23 28.0984 23 28.003C23 27.9076 23.0379 27.8162 23.1055 27.7487C23.173 27.6813 23.2646 27.6434 23.3601 27.6434H24.4309H24.438ZM32.6399 27.637C32.7354 27.637 32.827 27.6749 32.8945 27.7423C32.9621 27.8098 33 27.9012 33 27.9966C33 28.092 32.9621 28.1835 32.8945 28.2509C32.827 28.3184 32.7354 28.3563 32.6399 28.3563H31.5691C31.4736 28.3563 31.382 28.3184 31.3145 28.2509C31.247 28.1835 31.209 28.092 31.209 27.9966C31.209 27.9012 31.247 27.8098 31.3145 27.7423C31.382 27.6749 31.4736 27.637 31.5691 27.637H32.6399ZM30.7732 25.7286C30.7047 25.7912 30.6146 25.825 30.5217 25.8229C30.4289 25.8208 30.3404 25.783 30.2748 25.7174C30.2091 25.6517 30.1714 25.5633 30.1694 25.4706C30.1675 25.3778 30.2015 25.2879 30.2643 25.2196L31.0231 24.4611C31.0916 24.3984 31.1817 24.3646 31.2745 24.3667C31.3674 24.3688 31.4559 24.4066 31.5215 24.4723C31.5871 24.5379 31.6249 24.6263 31.6268 24.719C31.6288 24.8118 31.5948 24.9017 31.532 24.9701L30.7732 25.7286ZM29.1643 31.2C29.2598 31.2 29.3514 31.2379 29.4189 31.3053C29.4864 31.3728 29.5244 31.4642 29.5244 31.5596C29.5244 31.655 29.4864 31.7465 29.4189 31.8139C29.3514 31.8814 29.2598 31.9193 29.1643 31.9193H26.8293C26.7338 31.9193 26.6422 31.8814 26.5747 31.8139C26.5071 31.7465 26.4692 31.655 26.4692 31.5596C26.4692 31.4642 26.5071 31.3728 26.5747 31.3053C26.6422 31.2379 26.7338 31.2 26.8293 31.2H29.165H29.1643Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_i_163_1792" x="10" y="10" width="22" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_163_1792"/>
+</filter>
+<clipPath id="bgblur_0_163_1792_clip_path" transform="translate(-16 -17)"><path d="M24.4297 21.2998H31.2441C31.3768 21.2998 31.5001 21.3692 31.5693 21.4824L35.3184 27.6152V27.6162C35.3547 27.6759 35.374 27.7445 35.374 27.8145C35.374 27.8846 35.3549 27.9538 35.3184 28.0137L31.5693 34.1475C31.5353 34.203 31.4875 34.2494 31.4307 34.2812C31.3738 34.3131 31.3093 34.3301 31.2441 34.3301H24.4297C24.2971 34.3301 24.1738 34.2606 24.1045 34.1475L20.3564 28.0137C20.3198 27.9538 20.2998 27.8847 20.2998 27.8145C20.2999 27.7444 20.3199 27.676 20.3564 27.6162V27.6152L24.1045 21.4824C24.1738 21.369 24.2965 21.2998 24.4297 21.2998Z"/>
+</clipPath><filter id="filter2_d_163_1792" x="19" y="21" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.666667 0 0 0 0 0 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_163_1792"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_163_1792" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_163_1792" x1="27.837" y1="21" x2="27.837" y2="34.6296" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

package/lib/vtx-df-modal/imgs/sjnl_dark.svg

@@ -0,0 +1,78 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 460">
+<g id="Ellipse 39">
+<g filter="url(#filter0_ii_180_10065)">
+<circle cx="22" cy="22" r="22" fill="url(#paint0_linear_180_10065)" fill-opacity="0.5"/>
+</g>
+<circle cx="22" cy="22" r="21.5" stroke="url(#paint1_linear_180_10065)"/>
+</g>
+<g id="Vector" filter="url(#filter1_di_180_10065)">
+<path d="M21.812 10.2152L21.8275 10.224L31.1675 15.6426C31.418 15.7879 31.6265 15.9963 31.7724 16.2473C31.9184 16.4983 31.9969 16.7831 32 17.0739V27.9082C32 28.1989 31.9246 28.4847 31.7814 28.7372C31.6381 28.9898 31.4318 29.2004 31.1829 29.3484L31.1675 29.3575L21.8275 34.776C21.577 34.9213 21.2932 34.9985 21.004 35C20.7148 35.0015 20.4303 34.9272 20.1783 34.7845L20.1628 34.7757L10.832 29.3576C10.5817 29.2122 10.3733 29.0038 10.2274 28.7529C10.0815 28.502 10.0031 28.2172 10 27.9266V17.0914C10 16.8008 10.0753 16.5151 10.2185 16.2627C10.3617 16.0102 10.5678 15.7995 10.8166 15.6515L10.832 15.6424L20.1628 10.2244C20.4132 10.079 20.697 10.0016 20.9862 10C21.2754 9.99841 21.56 10.0726 21.812 10.2152ZM15.1966 26.3443L12.4156 27.9583L20.5839 32.7013V30.8139L15.1966 26.3443ZM27.0323 26.4772L21.4161 30.8444V32.6963L29.5837 27.9579L27.0323 26.4772ZM30.0025 17.7512L28.4387 18.6588L27.4527 25.755L30.0025 27.2349V17.7512ZM11.9974 17.7512V27.2349L14.6911 25.6716L13.5825 18.6712L11.9974 17.7512ZM20.5839 12.2987L12.4275 17.0348L14.0722 17.9893L20.5839 15.225V12.2987ZM21.4161 12.3038V15.2247L27.9321 17.9868L29.5718 17.0352L21.4161 12.3038Z" fill="url(#paint2_linear_180_10065)"/>
+</g>
+<foreignObject x="16" y="17" width="23.6738" height="21.6299"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_0_180_10065_clip_path);height:100%;width:100%"></div></foreignObject><path id="Vector_2" data-figma-bg-blur-radius="4" d="M24.4297 21.2998H31.2441C31.3768 21.2998 31.5001 21.3692 31.5693 21.4824L35.3184 27.6152V27.6162C35.3547 27.6759 35.374 27.7445 35.374 27.8145C35.374 27.8846 35.3549 27.9538 35.3184 28.0137L31.5693 34.1475C31.5353 34.203 31.4875 34.2494 31.4307 34.2812C31.3738 34.3131 31.3093 34.3301 31.2441 34.3301H24.4297C24.2971 34.3301 24.1738 34.2606 24.1045 34.1475L20.3564 28.0137C20.3198 27.9538 20.2998 27.8847 20.2998 27.8145C20.2999 27.7444 20.3199 27.676 20.3564 27.6162V27.6152L24.1045 21.4824C24.1738 21.369 24.2965 21.2998 24.4297 21.2998Z" fill="#FFD98E" fill-opacity="0.5" stroke="url(#paint3_linear_180_10065)" stroke-width="0.6"/>
+<g id="Vector_3" filter="url(#filter3_d_180_10065)">
+<path d="M25.1376 27.9791C25.139 27.3507 25.3481 26.7402 25.7322 26.2425C26.1164 25.7447 26.6543 25.3874 27.2625 25.2259C27.8707 25.0644 28.5152 25.1079 29.0962 25.3494C29.6772 25.591 30.1621 26.0172 30.4759 26.5619C30.7897 27.1067 30.9148 27.7397 30.8317 28.3627C30.7487 28.9856 30.4622 29.5639 30.0167 30.0077C29.5711 30.4516 28.9914 30.7363 28.3674 30.8176C27.7434 30.899 27.1099 30.7726 26.5652 30.4579C26.1305 30.206 25.7698 29.8444 25.5192 29.4093C25.2686 28.9743 25.137 28.481 25.1376 27.9791ZM28.5332 32.2807C28.6287 32.2807 28.7203 32.3186 28.7879 32.386C28.8554 32.4535 28.8934 32.545 28.8934 32.6403C28.8934 32.7357 28.8554 32.8272 28.7879 32.8947C28.7203 32.9621 28.6287 33 28.5332 33H27.4625C27.367 33 27.2754 32.9621 27.2078 32.8947C27.1403 32.8272 27.1024 32.7357 27.1024 32.6403C27.1024 32.545 27.1403 32.4535 27.2078 32.386C27.2754 32.3186 27.367 32.2807 27.4625 32.2807H28.5332ZM28 24.7918C27.9531 24.7918 27.9067 24.7826 27.8634 24.7647C27.8201 24.7468 27.7808 24.7205 27.7476 24.6874C27.7145 24.6543 27.6882 24.615 27.6703 24.5718C27.6523 24.5286 27.6431 24.4822 27.6431 24.4354V23.3589C27.6431 23.2637 27.681 23.1724 27.7484 23.1051C27.8158 23.0378 27.9072 23 28.0025 23C28.0978 23 28.1892 23.0378 28.2566 23.1051C28.324 23.1724 28.3619 23.2637 28.3619 23.3589V24.4318C28.3619 24.5264 28.3243 24.617 28.2574 24.6839C28.1904 24.7507 28.0997 24.7883 28.005 24.7883L28 24.7918ZM25.2232 25.7336L24.4644 24.9743C24.4082 24.9051 24.3796 24.8175 24.3843 24.7284C24.3891 24.6394 24.4267 24.5553 24.49 24.4924C24.5532 24.4295 24.6376 24.3922 24.7268 24.3879C24.816 24.3836 24.9036 24.4124 24.9727 24.4689L25.7315 25.2253C25.7915 25.294 25.8232 25.3829 25.8201 25.4741C25.8171 25.5652 25.7795 25.6518 25.7149 25.7164C25.6504 25.7809 25.5637 25.8186 25.4725 25.8218C25.3812 25.825 25.2921 25.7934 25.2232 25.7336ZM24.438 27.6434C24.5335 27.6434 24.6251 27.6813 24.6927 27.7487C24.7602 27.8162 24.7981 27.9076 24.7981 28.003C24.7981 28.0984 24.7602 28.1899 24.6927 28.2573C24.6251 28.3248 24.5335 28.3627 24.438 28.3627H23.3601C23.2646 28.3627 23.173 28.3248 23.1055 28.2573C23.0379 28.1899 23 28.0984 23 28.003C23 27.9076 23.0379 27.8162 23.1055 27.7487C23.173 27.6813 23.2646 27.6434 23.3601 27.6434H24.4309H24.438ZM32.6399 27.637C32.7354 27.637 32.827 27.6749 32.8945 27.7423C32.9621 27.8098 33 27.9012 33 27.9966C33 28.092 32.9621 28.1835 32.8945 28.2509C32.827 28.3184 32.7354 28.3563 32.6399 28.3563H31.5691C31.4736 28.3563 31.382 28.3184 31.3145 28.2509C31.247 28.1835 31.209 28.092 31.209 27.9966C31.209 27.9012 31.247 27.8098 31.3145 27.7423C31.382 27.6749 31.4736 27.637 31.5691 27.637H32.6399ZM30.7732 25.7286C30.7047 25.7912 30.6146 25.825 30.5217 25.8229C30.4289 25.8208 30.3404 25.783 30.2748 25.7174C30.2091 25.6517 30.1714 25.5633 30.1694 25.4706C30.1675 25.3778 30.2015 25.2879 30.2643 25.2196L31.0231 24.4611C31.0916 24.3984 31.1817 24.3646 31.2745 24.3667C31.3674 24.3688 31.4559 24.4066 31.5215 24.4723C31.5871 24.5379 31.6249 24.6263 31.6268 24.719C31.6288 24.8118 31.5948 24.9017 31.532 24.9701L30.7732 25.7286ZM29.1643 31.2C29.2598 31.2 29.3514 31.2379 29.4189 31.3053C29.4864 31.3728 29.5244 31.4642 29.5244 31.5596C29.5244 31.655 29.4864 31.7465 29.4189 31.8139C29.3514 31.8814 29.2598 31.9193 29.1643 31.9193H26.8293C26.7338 31.9193 26.6422 31.8814 26.5747 31.8139C26.5071 31.7465 26.4692 31.655 26.4692 31.5596C26.4692 31.4642 26.5071 31.3728 26.5747 31.3053C26.6422 31.2379 26.7338 31.2 26.8293 31.2H29.165H29.1643Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_ii_180_10065" x="0" y="-4" width="44" height="50" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.670588 0 0 0 0 0.00784314 0 0 0 0.8 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_180_10065"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.670588 0 0 0 0 0.00784314 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="effect1_innerShadow_180_10065" result="effect2_innerShadow_180_10065"/>
+</filter>
+<filter id="filter1_di_180_10065" x="6" y="6" width="30" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_180_10065"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_180_10065" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="shape" result="effect2_innerShadow_180_10065"/>
+</filter>
+<clipPath id="bgblur_0_180_10065_clip_path" transform="translate(-16 -17)"><path d="M24.4297 21.2998H31.2441C31.3768 21.2998 31.5001 21.3692 31.5693 21.4824L35.3184 27.6152V27.6162C35.3547 27.6759 35.374 27.7445 35.374 27.8145C35.374 27.8846 35.3549 27.9538 35.3184 28.0137L31.5693 34.1475C31.5353 34.203 31.4875 34.2494 31.4307 34.2812C31.3738 34.3131 31.3093 34.3301 31.2441 34.3301H24.4297C24.2971 34.3301 24.1738 34.2606 24.1045 34.1475L20.3564 28.0137C20.3198 27.9538 20.2998 27.8847 20.2998 27.8145C20.2999 27.7444 20.3199 27.676 20.3564 27.6162V27.6152L24.1045 21.4824C24.1738 21.369 24.2965 21.2998 24.4297 21.2998Z"/>
+</clipPath><filter id="filter3_d_180_10065" x="19" y="21" width="18" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.666667 0 0 0 0 0 0 0 0 0.7 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_180_10065"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_180_10065" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_180_10065" x1="22" y1="0" x2="22" y2="44" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFAB02" stop-opacity="0"/>
+<stop offset="1" stop-color="#CC9E42"/>
+</linearGradient>
+<linearGradient id="paint1_linear_180_10065" x1="39.05" y1="3.85" x2="5.5" y2="37.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FFC652"/>
+</linearGradient>
+<linearGradient id="paint2_linear_180_10065" x1="21" y1="10" x2="21" y2="35" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FFBD40"/>
+</linearGradient>
+<linearGradient id="paint3_linear_180_10065" x1="27.837" y1="21" x2="27.837" y2="34.6296" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>