[KW-533] fix: 알림 기능 및 하단탭 수정

App.js

@@ -10,6 +10,7 @@ import {
 import { getApp } from '@react-native-firebase/app';
 import { navigationRef, isReadyRef } from './src/navigations/NavigationRef';
 import { useNormalAlertStore } from './src/stores/alertStore';
+import { useNoticeBadge } from './src/hooks/useNoticeBadge';
 import AppNavigator from './src/navigations/AppNavigator';
 import NormalAlert from './src/components/alerts/NormalAlert';
 
@@ -31,6 +32,7 @@ const App = () => {
   // zustand의 상태와 show 함수 한 번에 가져오기
   const alertProps = useNormalAlertStore();
   const showNormalAlert = useNormalAlertStore.getState().showNormalAlert;
+  const { checkNotice, markAllAsRead } = useNoticeBadge();
 
   useEffect(() => {
     // 앱 첫 실행 시, 알림 권한 요청
@@ -60,8 +62,16 @@ const App = () => {
         title: remoteMessage.notification?.title || '알림',
         message: remoteMessage.notification?.body || '메시지 도착',
         confirmText: '이동',
-        onConfirmHandler: () => moveToNotice(),
+        onConfirmHandler: async () => {
+          await markAllAsRead();
+          moveToNotice();
+        },
+        onCancelHandler: async () => {
+          await checkNotice();
+        },
       });
+      // checkNotice 호출 전후로 로그
+      await checkNotice();
     });
 
     // 백그라운드/종료 상태에서 알림 클릭
@@ -78,7 +88,7 @@ const App = () => {
       unsubscribe();
       unsubscribeOpened();
     };
-  }, [showNormalAlert]);
+  }, [showNormalAlert, checkNotice]);
 
   return (
     <SafeAreaProvider>

package.json

@@ -17,6 +17,7 @@
     "@react-navigation/native": "^7.1.9",
     "@react-navigation/stack": "^7.3.2",
     "axios": "^1.9.0",
+    "lottie-react-native": "5.1.4",
     "react": "18.2.0",
     "react-native": "0.71.4",
     "react-native-awesome-alerts": "^2.0.0",

src/apis/NoticeListApi.js

@@ -6,6 +6,19 @@ export const getNoticeList = async () => {
   return response.data.data;
 };
 
+// 최신 알림 1개 조회 함수
+export const getMostRecentNotice = async () => {
+  try {
+    const response = await axios.get('/passes/notifications/recent');
+    return response.data.data;
+  } catch (e) {
+    if (e.response?.status === 404) {
+      return null;
+    }
+    throw e;
+  }
+};
+
 // 알림 목록 전체 삭제 함수
 export const deleteAllNotice = async () => {
   const response = await axios.delete('/passes/notifications');

src/assets/lotties/accessListIconGray2.json

@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-solid-17-assignment","ddd":0,"assets":[{"id":"comp_1","nm":"hover-assignment","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,247.516,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.55,0],[0,0],[0,0.55],[-0.55,0],[0,0],[0,-0.55]],"o":[[0,0],[-0.55,0],[0,-0.55],[0,0],[0.55,0],[0,0.55]],"v":[[4,7],[-4,7],[-5,6],[-4,5],[4,5],[5,6]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,-0.55],[0.55,0],[0,0],[0,0.55],[-0.55,0],[0,0]],"o":[[0,0.55],[0,0],[-0.55,0],[0,-0.55],[0,0],[0.55,0]],"v":[[1,14],[0,15],[-4,15],[-5,14],[-4,13],[0,13]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0.55],[-0.55,0],[0,0],[0,-0.55],[0.55,0]],"o":[[-0.55,0],[0,-0.55],[0,0],[0.55,0],[0,0.55],[0,0]],"v":[[-4,11],[-5,10],[-4,9],[4,9],[5,10],[4,11]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-3,-0.404],[-3,-0.904],[3,-0.904],[3,-0.404],[3,1.096],[-3,1.096]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0.96,0],[0,0],[0.55,0],[0,0],[0,-0.55],[0,0],[0,-0.96],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0]],"o":[[0,0],[0,-0.55],[0,0],[-0.55,0],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0],[0.96,0],[0,0],[0,-0.96]],"v":[[6.25,-1.904],[5,-1.904],[4,-2.904],[-4,-2.904],[-5,-1.904],[-6.25,-1.904],[-8,-0.154],[-8,15.346],[-6.25,17.096],[6.25,17.096],[8,15.346],[8,-0.154]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-17-assignment').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250,243],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":6,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,247.516,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.55,0],[0,0],[0,0.55],[-0.55,0],[0,0],[0,-0.55]],"o":[[0,0],[-0.55,0],[0,-0.55],[0,0],[0.55,0],[0,0.55]],"v":[[4,7],[-4,7],[-5,6],[-4,5],[4,5],[5,6]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,-0.55],[0.55,0],[0,0],[0,0.55],[-0.55,0],[0,0]],"o":[[0,0.55],[0,0],[-0.55,0],[0,-0.55],[0,0],[0.55,0]],"v":[[1,14],[0,15],[-4,15],[-5,14],[-4,13],[0,13]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[0,0.55],[-0.55,0],[0,0],[0,-0.55],[0.55,0]],"o":[[-0.55,0],[0,-0.55],[0,0],[0.55,0],[0,0.55],[0,0]],"v":[[-4,11],[-5,10],[-4,9],[4,9],[5,10],[4,11]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-3,-0.404],[-3,-0.904],[3,-0.904],[3,-0.404],[3,1.096],[-3,1.096]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":0,"k":{"i":[[0.96,0],[0,0],[0.55,0],[0,0],[0,-0.55],[0,0],[0,-0.96],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0]],"o":[[0,0],[0,-0.55],[0,0],[-0.55,0],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0],[0.96,0],[0,0],[0,-0.96]],"v":[[6.25,-1.904],[5,-1.904],[4,-2.904],[-4,-2.904],[-5,-1.904],[-6.25,-1.904],[-8,-0.154],[-8,15.346],[-6.25,17.096],[6.25,17.096],[8,15.346],[8,-0.154]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-17-assignment').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[250,243],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":6,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"mask","parent":4,"td":1,"refId":"comp_2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,249.993,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[4.801,4.801,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":1,"op":300,"st":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","tt":2,"tp":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.215,"y":1},"o":{"x":0.333,"y":0},"t":1,"s":[250.005,250.135,0],"to":[0,6.667,0],"ti":[0,0,0]},{"i":{"x":0.192,"y":1},"o":{"x":0.401,"y":0},"t":20,"s":[250.005,290.135,0],"to":[0,0,0],"ti":[0,6.667,0]},{"t":59,"s":[250.005,250.135,0]}],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[2083,2083,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-6.5,-11],[-0.5,-11],[-0.5,-9],[-6.5,-9]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.96,0],[0,0],[0.55,0],[0,0],[0,-0.55],[0,0],[0,-0.96],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0]],"o":[[0,0],[0,-0.55],[0,0],[-0.55,0],[0,0],[-0.96,0],[0,0],[0,0.97],[0,0],[0.96,0],[0,0],[0,-0.96]],"v":[[2.75,-12],[1.5,-12],[0.5,-13],[-7.5,-13],[-8.5,-12],[-9.75,-12],[-11.5,-10.25],[-11.5,5.25],[-9.75,7],[2.75,7],[4.5,5.25],[4.5,-10.25]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-17-assignment').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Fill","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[253.5,253],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":60,"st":0,"ct":1,"bm":0}]},{"id":"comp_2","nm":"mask","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.005,302.086,0],"ix":2,"l":2},"a":{"a":0,"k":[250.005,302.086,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.8,"y":0},"t":6,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.459,34],[52.209,34]],"c":false}]},{"t":34,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[256.499,33.5],[256.289,33.5]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[197.921,359.378],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.8,"y":0},"t":3,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-83.542,7.75],[83.542,7.75]],"c":false}]},{"t":31,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[204.416,7.25],[203.995,7.25]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,302.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.8,"y":0},"t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-83.584,-18],[83.5,-18]],"c":false}]},{"t":28,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[204.416,-18.5],[203.996,-18.5]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,244.795],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":35,"st":-17,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250.005,302.086,0],"ix":2,"l":2},"a":{"a":0,"k":[250.005,302.086,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-166.501,33.75],[-166.711,33.75]],"c":false}]},{"t":50,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-31.459,34],[52.209,34]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[197.921,359.378],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-218.584,7.5],[-219.005,7.5]],"c":false}]},{"t":47,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-83.542,7.75],[83.542,7.75]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,302.306],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.2,"y":1},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-218.584,-18.25],[-219.004,-18.25]],"c":false}]},{"t":44,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-83.584,-18],[83.5,-18]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[250.005,244.795],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":16,"op":299,"st":-1,"ct":1,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"control","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":5,"nm":"primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[0.718,0.718,0.718],"ix":1}}]}],"ip":0,"op":131,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-assignment","refId":"comp_1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[250,250,0],"ix":2,"l":2},"a":{"a":0,"k":[250,250,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"w":500,"h":500,"ip":0,"op":70,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"default:hover-assignment","dr":60}],"props":{}}