diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index 24d8404..a00a1a9 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/App.js b/App.js
index baa2d88..3e4f8a2 100644
--- a/App.js
+++ b/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>
diff --git a/package.json b/package.json
index 987516d..f24936f 100644
--- a/package.json
+++ b/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",
diff --git a/src/apis/NoticeListApi.js b/src/apis/NoticeListApi.js
index 3aed57f..ae8b3ed 100644
--- a/src/apis/NoticeListApi.js
+++ b/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');
diff --git a/src/assets/lotties/accessListIconGray2.json b/src/assets/lotties/accessListIconGray2.json
new file mode 100644
index 0000000..68f7676
--- /dev/null
+++ b/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":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/accessListIconGreen2.json b/src/assets/lotties/accessListIconGreen2.json
new file mode 100644
index 0000000..e699518
--- /dev/null
+++ b/src/assets/lotties/accessListIconGreen2.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.141,0.337,0.169,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.141,0.337,0.169,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.141,0.337,0.169,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.141,0.337,0.169],"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":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/homeIconGray2.json b/src/assets/lotties/homeIconGray2.json
new file mode 100644
index 0000000..ada4f68
--- /dev/null
+++ b/src/assets/lotties/homeIconGray2.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-solid-41-home","ddd":0,"assets":[{"id":"comp_1","nm":"hover-home-2","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.998,250.021,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,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":1,"k":[{"i":{"x":0.206,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0.537,0.374],[0,0],[0.684,-0.476],[0,0],[0,-0.654],[0,0],[-1.103,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-1.654,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.684,-0.476],[0,0],[-0.537,0.374],[0,0],[0,1.103],[0,0],[1.654,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[1.103,0],[0,0],[0,-0.654]],"v":[[8.143,-3.771],[1.143,-8.642],[-1.143,-8.642],[-8.143,-3.771],[-9,-2.129],[-9,6.999],[-7,8.999],[-5.015,8.999],[-2.015,5.999],[-2.016,1.997],[2.015,1.997],[2.016,5.999],[5.016,8.999],[7,8.999],[9,6.999],[9,-2.129]],"c":true}]},{"i":{"x":0.426,"y":1},"o":{"x":0.5,"y":0},"t":30,"s":[{"i":[[0.316,0.374],[0,0],[0.402,-0.476],[0,0],[0,-0.654],[0,0],[-0.649,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-0.974,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.402,-0.476],[0,0],[-0.316,0.374],[0,0],[0,1.103],[0,0],[0.974,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[0.649,0],[0,0],[0,-0.654]],"v":[[-0.36,-3.771],[-4.48,-8.642],[-5.825,-8.642],[-9.946,-3.771],[-10.45,-2.129],[-10.45,6.999],[-9.273,8.999],[-8.104,8.999],[-6.339,5.999],[-6.339,1.997],[-3.967,1.997],[-3.966,5.999],[-2.2,8.999],[-1.032,8.999],[0.145,6.999],[0.145,-2.129]],"c":true}]},{"t":60,"s":[{"i":[[0.537,0.374],[0,0],[0.684,-0.476],[0,0],[0,-0.654],[0,0],[-1.103,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-1.654,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.684,-0.476],[0,0],[-0.537,0.374],[0,0],[0,1.103],[0,0],[1.654,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[1.103,0],[0,0],[0,-0.654]],"v":[[8.143,-3.771],[1.143,-8.642],[-1.143,-8.642],[-8.143,-3.771],[-9,-2.129],[-9,6.999],[-7,8.999],[-5.015,8.999],[-2.015,5.999],[-2.016,1.997],[2.015,1.997],[2.016,5.999],[5.016,8.999],[7,8.999],[9,6.999],[9,-2.129]],"c":true}]}],"ix":2},"nm":"Path 1","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-41-home').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":[0,0],"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}],"ip":0,"op":300,"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":[250.003,249.679,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.206,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0.411],[-3.806,-2.554],[0,0],[0,-9.941],[0,0],[10.742,0],[0,0]],"o":[[0,0],[3.948,0],[5.988,4.018],[2.184,1.296],[0,0],[0,11.332],[0,0],[0,0.712]],"v":[[2.72,-165.199],[2.955,-165.297],[14.73,-161.624],[157.621,-60.608],[166.16,-44.151],[166.141,145.36],[146.4,165.283],[146.343,164.931]],"c":false}]},{"i":{"x":0.426,"y":1},"o":{"x":0.5,"y":0},"t":30,"s":[{"i":[[0,0],[-2.162,0.084],[-2.175,-2.661],[0,0],[0,-10.358],[0,0],[6.139,0],[0,0]],"o":[[0,0],[2.256,-0.087],[3.422,4.186],[1.248,1.351],[0,0],[0,11.807],[0,0],[0,0.143]],"v":[[-104.225,-167.127],[104.643,-167.636],[111.373,-163.809],[193.041,-63.846],[197.921,-46.701],[197.911,145.467],[186.628,166.225],[-18.718,166.642]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0.411],[-3.806,-2.554],[0,0],[0,-9.941],[0,0],[10.742,0],[0,0]],"o":[[0,0],[3.948,0],[5.988,4.018],[2.184,1.296],[0,0],[0,11.332],[0,0],[0,0.712]],"v":[[2.72,-165.199],[2.955,-165.297],[14.73,-161.624],[157.621,-60.608],[166.16,-44.151],[166.141,145.36],[146.4,165.283],[146.343,164.931]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-41-home').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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}],"ip":1,"op":60,"st":0,"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":341,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-home-2","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-home-2","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/homeIconGreen2.json b/src/assets/lotties/homeIconGreen2.json
new file mode 100644
index 0000000..ee4c55f
--- /dev/null
+++ b/src/assets/lotties/homeIconGreen2.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-solid-41-home","ddd":0,"assets":[{"id":"comp_1","nm":"hover-home-2","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.998,250.021,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,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":1,"k":[{"i":{"x":0.206,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0.537,0.374],[0,0],[0.684,-0.476],[0,0],[0,-0.654],[0,0],[-1.103,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-1.654,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.684,-0.476],[0,0],[-0.537,0.374],[0,0],[0,1.103],[0,0],[1.654,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[1.103,0],[0,0],[0,-0.654]],"v":[[8.143,-3.771],[1.143,-8.642],[-1.143,-8.642],[-8.143,-3.771],[-9,-2.129],[-9,6.999],[-7,8.999],[-5.015,8.999],[-2.015,5.999],[-2.016,1.997],[2.015,1.997],[2.016,5.999],[5.016,8.999],[7,8.999],[9,6.999],[9,-2.129]],"c":true}]},{"i":{"x":0.426,"y":1},"o":{"x":0.5,"y":0},"t":30,"s":[{"i":[[0.316,0.374],[0,0],[0.402,-0.476],[0,0],[0,-0.654],[0,0],[-0.649,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-0.974,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.402,-0.476],[0,0],[-0.316,0.374],[0,0],[0,1.103],[0,0],[0.974,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[0.649,0],[0,0],[0,-0.654]],"v":[[-0.36,-3.771],[-4.48,-8.642],[-5.825,-8.642],[-9.946,-3.771],[-10.45,-2.129],[-10.45,6.999],[-9.273,8.999],[-8.104,8.999],[-6.339,5.999],[-6.339,1.997],[-3.967,1.997],[-3.966,5.999],[-2.2,8.999],[-1.032,8.999],[0.145,6.999],[0.145,-2.129]],"c":true}]},{"t":60,"s":[{"i":[[0.537,0.374],[0,0],[0.684,-0.476],[0,0],[0,-0.654],[0,0],[-1.103,0],[0,0],[0,1.654],[0,0],[0,0],[0,0],[-1.654,0],[0,0],[0,1.103],[0,0]],"o":[[0,0],[-0.684,-0.476],[0,0],[-0.537,0.374],[0,0],[0,1.103],[0,0],[1.654,0],[0,0],[0,0],[0,0],[0,1.654],[0,0],[1.103,0],[0,0],[0,-0.654]],"v":[[8.143,-3.771],[1.143,-8.642],[-1.143,-8.642],[-8.143,-3.771],[-9,-2.129],[-9,6.999],[-7,8.999],[-5.015,8.999],[-2.015,5.999],[-2.016,1.997],[2.015,1.997],[2.016,5.999],[5.016,8.999],[7,8.999],[9,6.999],[9,-2.129]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-41-home').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":[0,0],"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}],"ip":0,"op":300,"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":[250.003,249.679,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.206,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0.411],[-3.806,-2.554],[0,0],[0,-9.941],[0,0],[10.742,0],[0,0]],"o":[[0,0],[3.948,0],[5.988,4.018],[2.184,1.296],[0,0],[0,11.332],[0,0],[0,0.712]],"v":[[2.72,-165.199],[2.955,-165.297],[14.73,-161.624],[157.621,-60.608],[166.16,-44.151],[166.141,145.36],[146.4,165.283],[146.343,164.931]],"c":false}]},{"i":{"x":0.426,"y":1},"o":{"x":0.5,"y":0},"t":30,"s":[{"i":[[0,0],[-2.162,0.084],[-2.175,-2.661],[0,0],[0,-10.358],[0,0],[6.139,0],[0,0]],"o":[[0,0],[2.256,-0.087],[3.422,4.186],[1.248,1.351],[0,0],[0,11.807],[0,0],[0,0.143]],"v":[[-104.225,-167.127],[104.643,-167.636],[111.373,-163.809],[193.041,-63.846],[197.921,-46.701],[197.911,145.467],[186.628,166.225],[-18.718,166.642]],"c":false}]},{"t":60,"s":[{"i":[[0,0],[0,0.411],[-3.806,-2.554],[0,0],[0,-9.941],[0,0],[10.742,0],[0,0]],"o":[[0,0],[3.948,0],[5.988,4.018],[2.184,1.296],[0,0],[0,11.332],[0,0],[0,0.712]],"v":[[2.72,-165.199],[2.955,-165.297],[14.73,-161.624],[157.621,-60.608],[166.16,-44.151],[166.141,145.36],[146.4,165.283],[146.343,164.931]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-41-home').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":41,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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}],"ip":1,"op":60,"st":0,"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.141,0.337,0.169],"ix":1}}]}],"ip":0,"op":341,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-home-2","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-home-2","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/myPageGray.json b/src/assets/lotties/myPageGray.json
new file mode 100644
index 0000000..d893168
--- /dev/null
+++ b/src/assets/lotties/myPageGray.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-solid-8-account","ddd":0,"assets":[{"id":"comp_1","nm":"hover-account","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.998,250.001,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":[[1.392,0],[0,0],[0,-1.392],[0,0],[-1.392,0],[0,0],[0,0.541],[0,0]],"o":[[0,0],[-1.392,0],[0,0],[0,1.392],[0,0],[0.541,0],[0,0],[0,-1.392]],"v":[[0.479,-3.5],[-0.48,-3.5],[-3,-0.979],[-3,0.979],[-0.48,3.5],[2.02,3.5],[3,2.52],[3,-0.979]],"c":true},"ix":2},"nm":"Path 1","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-8-account').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,247.5],"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":0,"k":{"i":[[1.65,0],[0,0],[0.907,-1.256],[0.045,1.85],[-1.474,1.547],[-2.136,0.052],[0,0],[-0.104,-4.305],[1.234,-1.486]],"o":[[0,0],[-1.642,0],[-1.111,-1.339],[-0.052,-2.136],[1.474,-1.547],[0,0],[4.303,0],[0.047,1.95],[-0.907,-1.265]],"v":[[2.149,3],[-2.157,3],[-6.151,5.081],[-7.998,0.193],[-5.792,-5.518],[-0.193,-7.998],[0.005,-8],[7.998,-0.193],[6.155,5.098]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.069,2.863],[5.411,0],[0.082,-0.002],[-0.134,-5.521],[-1.769,-1.755],[0.001,-0.003],[-0.019,-0.018],[-0.042,-0.04],[-0.187,-0.151],[-0.006,-0.005],[-0.92,-0.374],[-0.053,-0.021],[-0.209,-0.065],[-0.013,-0.004],[-0.033,-0.01],[-0.122,-0.031],[-0.063,-0.015],[-0.103,-0.021],[-0.03,-0.006],[-0.149,-0.022],[-0.151,-0.015],[-0.033,-0.003],[-0.157,-0.007],[-0.142,0],[-0.003,0],[-0.002,0],[-0.082,0.002],[-1.527,1.027],[-0.014,0.01],[-0.202,0.161],[-0.051,0.042],[-0.15,0.142],[-0.06,0.058],[0.001,0.003]],"o":[[-0.131,-5.439],[-0.082,0],[-5.521,0.133],[0.065,2.688],[-0.001,0.003],[0.019,0.018],[0.042,0.041],[0.176,0.164],[0.006,0.005],[0.761,0.617],[0.053,0.021],[0.203,0.078],[0.013,0.004],[0.033,0.01],[0.12,0.036],[0.063,0.016],[0.102,0.024],[0.03,0.006],[0.147,0.028],[0.149,0.022],[0.033,0.003],[0.155,0.014],[0.141,0.006],[0.003,0],[0.002,0],[0.082,0],[1.976,-0.048],[0.014,-0.01],[0.214,-0.146],[0.052,-0.041],[0.159,-0.132],[0.061,-0.057],[-0.001,-0.003],[1.885,-1.869]],"v":[[9.997,-0.242],[0.005,-10],[-0.242,-9.997],[-9.997,0.242],[-7.041,7.096],[-7.043,7.104],[-6.984,7.156],[-6.854,7.272],[-6.315,7.752],[-6.297,7.767],[-3.764,9.264],[-3.603,9.322],[-2.988,9.543],[-2.95,9.556],[-2.851,9.584],[-2.485,9.677],[-2.296,9.724],[-1.992,9.801],[-1.901,9.816],[-1.456,9.883],[-1.01,9.95],[-0.91,9.955],[-0.44,9.979],[-0.019,10],[-0.01,10],[-0.005,10],[0.242,9.997],[5.567,8.297],[5.611,8.269],[6.232,7.807],[6.388,7.684],[6.849,7.271],[7.035,7.104],[7.033,7.095]],"c":true},"ix":2},"nm":"Path 2","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-8-account').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,250],"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":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":-60,"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.998,250.001,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":[[1.392,0],[0,0],[0,-1.392],[0,0],[-1.392,0],[0,0],[0,0.541],[0,0]],"o":[[0,0],[-1.392,0],[0,0],[0,1.392],[0,0],[0.541,0],[0,0],[0,-1.392]],"v":[[0.479,-3.5],[-0.48,-3.5],[-3,-0.979],[-3,0.979],[-0.48,3.5],[2.02,3.5],[3,2.52],[3,-0.979]],"c":true},"ix":2},"nm":"Path 1","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-8-account').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,247.5],"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":0,"k":{"i":[[1.65,0],[0,0],[0.907,-1.256],[0.045,1.85],[-1.474,1.547],[-2.136,0.052],[0,0],[-0.104,-4.305],[1.234,-1.486]],"o":[[0,0],[-1.642,0],[-1.111,-1.339],[-0.052,-2.136],[1.474,-1.547],[0,0],[4.303,0],[0.047,1.95],[-0.907,-1.265]],"v":[[2.149,3],[-2.157,3],[-6.151,5.081],[-7.998,0.193],[-5.792,-5.518],[-0.193,-7.998],[0.005,-8],[7.998,-0.193],[6.155,5.098]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.069,2.863],[5.411,0],[0.082,-0.002],[-0.134,-5.521],[-1.769,-1.755],[0.001,-0.003],[-0.019,-0.018],[-0.042,-0.04],[-0.187,-0.151],[-0.006,-0.005],[-0.92,-0.374],[-0.053,-0.021],[-0.209,-0.065],[-0.013,-0.004],[-0.033,-0.01],[-0.122,-0.031],[-0.063,-0.015],[-0.103,-0.021],[-0.03,-0.006],[-0.149,-0.022],[-0.151,-0.015],[-0.033,-0.003],[-0.157,-0.007],[-0.142,0],[-0.003,0],[-0.002,0],[-0.082,0.002],[-1.527,1.027],[-0.014,0.01],[-0.202,0.161],[-0.051,0.042],[-0.15,0.142],[-0.06,0.058],[0.001,0.003]],"o":[[-0.131,-5.439],[-0.082,0],[-5.521,0.133],[0.065,2.688],[-0.001,0.003],[0.019,0.018],[0.042,0.041],[0.176,0.164],[0.006,0.005],[0.761,0.617],[0.053,0.021],[0.203,0.078],[0.013,0.004],[0.033,0.01],[0.12,0.036],[0.063,0.016],[0.102,0.024],[0.03,0.006],[0.147,0.028],[0.149,0.022],[0.033,0.003],[0.155,0.014],[0.141,0.006],[0.003,0],[0.002,0],[0.082,0],[1.976,-0.048],[0.014,-0.01],[0.214,-0.146],[0.052,-0.041],[0.159,-0.132],[0.061,-0.057],[-0.001,-0.003],[1.885,-1.869]],"v":[[9.997,-0.242],[0.005,-10],[-0.242,-9.997],[-9.997,0.242],[-7.041,7.096],[-7.043,7.104],[-6.984,7.156],[-6.854,7.272],[-6.315,7.752],[-6.297,7.767],[-3.764,9.264],[-3.603,9.322],[-2.988,9.543],[-2.95,9.556],[-2.851,9.584],[-2.485,9.677],[-2.296,9.724],[-1.992,9.801],[-1.901,9.816],[-1.456,9.883],[-1.01,9.95],[-0.91,9.955],[-0.44,9.979],[-0.019,10],[-0.01,10],[-0.005,10],[0.242,9.997],[5.567,8.297],[5.611,8.269],[6.232,7.807],[6.388,7.684],[6.849,7.271],[7.035,7.104],[7.033,7.095]],"c":true},"ix":2},"nm":"Path 2","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-8-account').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,250],"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":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":12,"s":[24]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":25,"s":[-14]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":40,"s":[10]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":52,"s":[-6]},{"t":60,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[241,237.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.4,"y":1},"o":{"x":0.333,"y":0},"t":9,"s":[241,288.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[241,140.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":37,"s":[241,283.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":49,"s":[241,217.312,0],"to":[0,0,0],"ti":[0,0,0]},{"t":60,"s":[241,237.312,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-9.004,44.605,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":0,"k":{"i":[[19.196,0],[0,0],[0,-19.195],[0,0],[-19.196,0],[0,0],[0,0]],"o":[[0,0],[-19.196,0],[0,0],[0,19.196],[0,0],[0,0],[0,-19.195]],"v":[[6.225,-48.663],[-7.911,-48.472],[-42.667,-13.715],[-42.5,22.838],[-7.744,57.594],[41.148,57.402],[40.981,-13.907]],"c":true},"ix":2},"nm":"Path 1","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-8-account').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":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[250.004,250.003,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.503,-103.55],[103.55,-2.503],[2.503,103.55],[-103.55,2.503]],"o":[[2.503,103.55],[-103.55,2.503],[-2.503,-103.55],[103.55,-2.503]],"v":[[187.494,-4.532],[4.532,187.494],[-187.494,4.532],[-4.532,-187.494]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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}],"ip":1,"op":60,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[250.004,250.003,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.572,-106.399],[106.399,-2.572],[2.572,106.399],[-106.399,2.572]],"o":[[2.572,106.399],[-106.399,2.572],[-2.572,-106.399],[106.399,-2.572]],"v":[[192.652,-4.656],[4.656,192.652],[-192.652,4.656],[-4.656,-192.652]],"c":true},"ix":2},"nm":"Path 1","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-8-account').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":[0,0],"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}],"ip":1,"op":60,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","tt":1,"tp":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[250.5,301.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.4,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[250.5,329.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":19,"s":[250.5,249.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":34,"s":[250.5,341.226,0],"to":[0,0,0],"ti":[0,0,0]},{"t":47,"s":[250.5,301.226,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.496,108.519,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[22,40],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":31,"ix":6},"o":{"a":0,"k":0,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-8.125,37.5],[-39.792,0],[0,0],[-8.125,-37.5],[0,0]],"o":[[0,0],[8.125,-37.5],[0,0],[39.792,0],[0,0],[0,0]],"v":[[-146.004,115.955],[-128.126,32.708],[-46.875,-32.708],[46.875,-32.708],[128.126,32.708],[146.996,121.955]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,168],"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":"fl","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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"}],"ip":1,"op":60,"st":0,"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-account","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-account","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/myPageGreen.json b/src/assets/lotties/myPageGreen.json
new file mode 100644
index 0000000..211e8f1
--- /dev/null
+++ b/src/assets/lotties/myPageGreen.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":60,"w":500,"h":500,"nm":"system-solid-8-account","ddd":0,"assets":[{"id":"comp_1","nm":"hover-account","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.998,250.001,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":[[1.392,0],[0,0],[0,-1.392],[0,0],[-1.392,0],[0,0],[0,0.541],[0,0]],"o":[[0,0],[-1.392,0],[0,0],[0,1.392],[0,0],[0.541,0],[0,0],[0,-1.392]],"v":[[0.479,-3.5],[-0.48,-3.5],[-3,-0.979],[-3,0.979],[-0.48,3.5],[2.02,3.5],[3,2.52],[3,-0.979]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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,247.5],"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":0,"k":{"i":[[1.65,0],[0,0],[0.907,-1.256],[0.045,1.85],[-1.474,1.547],[-2.136,0.052],[0,0],[-0.104,-4.305],[1.234,-1.486]],"o":[[0,0],[-1.642,0],[-1.111,-1.339],[-0.052,-2.136],[1.474,-1.547],[0,0],[4.303,0],[0.047,1.95],[-0.907,-1.265]],"v":[[2.149,3],[-2.157,3],[-6.151,5.081],[-7.998,0.193],[-5.792,-5.518],[-0.193,-7.998],[0.005,-8],[7.998,-0.193],[6.155,5.098]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.069,2.863],[5.411,0],[0.082,-0.002],[-0.134,-5.521],[-1.769,-1.755],[0.001,-0.003],[-0.019,-0.018],[-0.042,-0.04],[-0.187,-0.151],[-0.006,-0.005],[-0.92,-0.374],[-0.053,-0.021],[-0.209,-0.065],[-0.013,-0.004],[-0.033,-0.01],[-0.122,-0.031],[-0.063,-0.015],[-0.103,-0.021],[-0.03,-0.006],[-0.149,-0.022],[-0.151,-0.015],[-0.033,-0.003],[-0.157,-0.007],[-0.142,0],[-0.003,0],[-0.002,0],[-0.082,0.002],[-1.527,1.027],[-0.014,0.01],[-0.202,0.161],[-0.051,0.042],[-0.15,0.142],[-0.06,0.058],[0.001,0.003]],"o":[[-0.131,-5.439],[-0.082,0],[-5.521,0.133],[0.065,2.688],[-0.001,0.003],[0.019,0.018],[0.042,0.041],[0.176,0.164],[0.006,0.005],[0.761,0.617],[0.053,0.021],[0.203,0.078],[0.013,0.004],[0.033,0.01],[0.12,0.036],[0.063,0.016],[0.102,0.024],[0.03,0.006],[0.147,0.028],[0.149,0.022],[0.033,0.003],[0.155,0.014],[0.141,0.006],[0.003,0],[0.002,0],[0.082,0],[1.976,-0.048],[0.014,-0.01],[0.214,-0.146],[0.052,-0.041],[0.159,-0.132],[0.061,-0.057],[-0.001,-0.003],[1.885,-1.869]],"v":[[9.997,-0.242],[0.005,-10],[-0.242,-9.997],[-9.997,0.242],[-7.041,7.096],[-7.043,7.104],[-6.984,7.156],[-6.854,7.272],[-6.315,7.752],[-6.297,7.767],[-3.764,9.264],[-3.603,9.322],[-2.988,9.543],[-2.95,9.556],[-2.851,9.584],[-2.485,9.677],[-2.296,9.724],[-1.992,9.801],[-1.901,9.816],[-1.456,9.883],[-1.01,9.95],[-0.91,9.955],[-0.44,9.979],[-0.019,10],[-0.01,10],[-0.005,10],[0.242,9.997],[5.567,8.297],[5.611,8.269],[6.232,7.807],[6.388,7.684],[6.849,7.271],[7.035,7.104],[7.033,7.095]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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,250],"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":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":1,"st":-60,"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.998,250.001,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":[[1.392,0],[0,0],[0,-1.392],[0,0],[-1.392,0],[0,0],[0,0.541],[0,0]],"o":[[0,0],[-1.392,0],[0,0],[0,1.392],[0,0],[0.541,0],[0,0],[0,-1.392]],"v":[[0.479,-3.5],[-0.48,-3.5],[-3,-0.979],[-3,0.979],[-0.48,3.5],[2.02,3.5],[3,2.52],[3,-0.979]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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,247.5],"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":0,"k":{"i":[[1.65,0],[0,0],[0.907,-1.256],[0.045,1.85],[-1.474,1.547],[-2.136,0.052],[0,0],[-0.104,-4.305],[1.234,-1.486]],"o":[[0,0],[-1.642,0],[-1.111,-1.339],[-0.052,-2.136],[1.474,-1.547],[0,0],[4.303,0],[0.047,1.95],[-0.907,-1.265]],"v":[[2.149,3],[-2.157,3],[-6.151,5.081],[-7.998,0.193],[-5.792,-5.518],[-0.193,-7.998],[0.005,-8],[7.998,-0.193],[6.155,5.098]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.069,2.863],[5.411,0],[0.082,-0.002],[-0.134,-5.521],[-1.769,-1.755],[0.001,-0.003],[-0.019,-0.018],[-0.042,-0.04],[-0.187,-0.151],[-0.006,-0.005],[-0.92,-0.374],[-0.053,-0.021],[-0.209,-0.065],[-0.013,-0.004],[-0.033,-0.01],[-0.122,-0.031],[-0.063,-0.015],[-0.103,-0.021],[-0.03,-0.006],[-0.149,-0.022],[-0.151,-0.015],[-0.033,-0.003],[-0.157,-0.007],[-0.142,0],[-0.003,0],[-0.002,0],[-0.082,0.002],[-1.527,1.027],[-0.014,0.01],[-0.202,0.161],[-0.051,0.042],[-0.15,0.142],[-0.06,0.058],[0.001,0.003]],"o":[[-0.131,-5.439],[-0.082,0],[-5.521,0.133],[0.065,2.688],[-0.001,0.003],[0.019,0.018],[0.042,0.041],[0.176,0.164],[0.006,0.005],[0.761,0.617],[0.053,0.021],[0.203,0.078],[0.013,0.004],[0.033,0.01],[0.12,0.036],[0.063,0.016],[0.102,0.024],[0.03,0.006],[0.147,0.028],[0.149,0.022],[0.033,0.003],[0.155,0.014],[0.141,0.006],[0.003,0],[0.002,0],[0.082,0],[1.976,-0.048],[0.014,-0.01],[0.214,-0.146],[0.052,-0.041],[0.159,-0.132],[0.061,-0.057],[-0.001,-0.003],[1.885,-1.869]],"v":[[9.997,-0.242],[0.005,-10],[-0.242,-9.997],[-9.997,0.242],[-7.041,7.096],[-7.043,7.104],[-6.984,7.156],[-6.854,7.272],[-6.315,7.752],[-6.297,7.767],[-3.764,9.264],[-3.603,9.322],[-2.988,9.543],[-2.95,9.556],[-2.851,9.584],[-2.485,9.677],[-2.296,9.724],[-1.992,9.801],[-1.901,9.816],[-1.456,9.883],[-1.01,9.95],[-0.91,9.955],[-0.44,9.979],[-0.019,10],[-0.01,10],[-0.005,10],[0.242,9.997],[5.567,8.297],[5.611,8.269],[6.232,7.807],[6.388,7.684],[6.849,7.271],[7.035,7.104],[7.033,7.095]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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,250],"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":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":60,"op":300,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":1,"s":[0]},{"i":{"x":[0.4],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":12,"s":[24]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.6],"y":[0]},"t":25,"s":[-14]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":40,"s":[10]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":52,"s":[-6]},{"t":60,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[241,237.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.4,"y":1},"o":{"x":0.333,"y":0},"t":9,"s":[241,288.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":22,"s":[241,140.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":37,"s":[241,283.312,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":49,"s":[241,217.312,0],"to":[0,0,0],"ti":[0,0,0]},{"t":60,"s":[241,237.312,0]}],"ix":2,"l":2},"a":{"a":0,"k":[-9.004,44.605,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":0,"k":{"i":[[19.196,0],[0,0],[0,-19.195],[0,0],[-19.196,0],[0,0],[0,0]],"o":[[0,0],[-19.196,0],[0,0],[0,19.196],[0,0],[0,0],[0,-19.195]],"v":[[6.225,-48.663],[-7.911,-48.472],[-42.667,-13.715],[-42.5,22.838],[-7.744,57.594],[41.148,57.402],[40.981,-13.907]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[250.004,250.003,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.503,-103.55],[103.55,-2.503],[2.503,103.55],[-103.55,2.503]],"o":[[2.503,103.55],[-103.55,2.503],[-2.503,-103.55],[103.55,-2.503]],"v":[[187.494,-4.532],[4.532,187.494],[-187.494,4.532],[-4.532,-187.494]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":40.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,0],"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}],"ip":1,"op":60,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":-180,"ix":10},"p":{"a":0,"k":[250.004,250.003,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,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.572,-106.399],[106.399,-2.572],[2.572,106.399],[-106.399,2.572]],"o":[[2.572,106.399],[-106.399,2.572],[-2.572,-106.399],[106.399,-2.572]],"v":[[192.652,-4.656],[4.656,192.652],[-192.652,4.656],[-4.656,-192.652]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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":[0,0],"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}],"ip":1,"op":60,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","tt":1,"tp":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.167,"y":0.167},"t":1,"s":[250.5,301.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.4,"y":1},"o":{"x":0.333,"y":0},"t":6,"s":[250.5,329.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.6,"y":0},"t":19,"s":[250.5,249.226,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":34,"s":[250.5,341.226,0],"to":[0,0,0],"ti":[0,0,0]},{"t":47,"s":[250.5,301.226,0]}],"ix":2,"l":2},"a":{"a":0,"k":[0.496,108.519,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[22,40],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":31,"ix":6},"o":{"a":0,"k":0,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-8.125,37.5],[-39.792,0],[0,0],[-8.125,-37.5],[0,0]],"o":[[0,0],[8.125,-37.5],[0,0],[39.792,0],[0,0],[0,0]],"v":[[-146.004,115.955],[-128.126,32.708],[-46.875,-32.708],[46.875,-32.708],[128.126,32.708],[146.996,121.955]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[0,168],"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":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-8-account').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"}],"ip":1,"op":60,"st":0,"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.141,0.337,0.169],"ix":1}}]}],"ip":0,"op":131,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-account","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-account","dr":60}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/noticeIconGray.json b/src/assets/lotties/noticeIconGray.json
new file mode 100644
index 0000000..8e1fa2b
--- /dev/null
+++ b/src/assets/lotties/noticeIconGray.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":90,"w":500,"h":500,"nm":"system-solid-46-notification-bell","ddd":0,"assets":[{"id":"comp_1","nm":"hover-bell","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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}],"ip":0,"op":1,"st":-180,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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}],"ip":90,"op":210,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.231],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.313],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7.041,"s":[5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":19,"s":[-53]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":29,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":39,"s":[-62]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":49,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":58,"s":[-62]},{"i":{"x":[0.283],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":69.713,"s":[14]},{"t":79,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.231,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[249.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":7.041,"s":[269.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":19,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":29,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":49,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":58,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.283,"y":1},"o":{"x":0.333,"y":0},"t":69.713,"s":[261.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"t":79,"s":[249.998,67.334,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.998,67.334,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":0,"k":{"i":[[0,0],[0,6.468],[0,0],[60.406,0],[0,0],[0,-60.406],[0,0],[2.893,-5.786],[0,0],[0,0]],"o":[[-2.893,-5.786],[0,0],[0,-60.406],[0,0],[-60.406,0],[0,0],[0,6.468],[0,0],[0,0],[0,0]],"v":[[113.773,55.671],[109.375,37.038],[109.375,-20.834],[0.001,-130.21],[-0.001,-130.21],[-109.375,-20.834],[-109.375,37.038],[-113.773,55.671],[-151.042,130.21],[151.042,130.21]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,229.166],"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":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.832],[0,20.832]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,78.125],"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}],"ip":1,"op":90,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"tt":2,"tp":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[27]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[-26]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":32,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":42,"s":[-28]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":52,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":61,"s":[-28]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":73,"s":[29]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":83,"s":[-6]},{"t":90,"s":[0]}],"ix":10},"p":{"a":0,"k":[249.998,182.041,0],"ix":2,"l":2},"a":{"a":0,"k":[0,-219,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":0,"k":{"i":[[0,0],[0,0],[-35.772,0],[0,19.019],[0,0]],"o":[[0,0],[0,19.019],[38.05,0],[0,0],[0,0]],"v":[[-64.622,-150.459],[-64.792,6.19],[-0.048,57.459],[64.745,6.19],[64.915,-150.459]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.482,0.482,0.482,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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":[0,0],"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}],"ip":1,"op":90,"st":0,"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.482,0.482,0.482],"ix":1}}]}],"ip":0,"op":291,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-bell","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":100,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"default:hover-bell","dr":90}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/noticeIconGray2.json b/src/assets/lotties/noticeIconGray2.json
new file mode 100644
index 0000000..07b4b9e
--- /dev/null
+++ b/src/assets/lotties/noticeIconGray2.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":90,"w":500,"h":500,"nm":"system-solid-46-notification-bell","ddd":0,"assets":[{"id":"comp_1","nm":"hover-bell","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","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-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","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-46-notification-bell').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,247.939],"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}],"ip":0,"op":1,"st":-180,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","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-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","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-46-notification-bell').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,247.939],"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}],"ip":90,"op":210,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","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-46-notification-bell').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,247.939],"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":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.231],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.313],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7.041,"s":[5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":19,"s":[-53]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":29,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":39,"s":[-62]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":49,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":58,"s":[-62]},{"i":{"x":[0.283],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":69.713,"s":[14]},{"t":79,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.231,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[249.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":7.041,"s":[269.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":19,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":29,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":49,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":58,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.283,"y":1},"o":{"x":0.333,"y":0},"t":69.713,"s":[261.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"t":79,"s":[249.998,67.334,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.998,67.334,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":0,"k":{"i":[[0,0],[0,6.468],[0,0],[60.406,0],[0,0],[0,-60.406],[0,0],[2.893,-5.786],[0,0],[0,0]],"o":[[-2.893,-5.786],[0,0],[0,-60.406],[0,0],[-60.406,0],[0,0],[0,6.468],[0,0],[0,0],[0,0]],"v":[[113.773,55.671],[109.375,37.038],[109.375,-20.834],[0.001,-130.21],[-0.001,-130.21],[-109.375,-20.834],[-109.375,37.038],[-113.773,55.671],[-151.042,130.21],[151.042,130.21]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,229.166],"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":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.832],[0,20.832]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,78.125],"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}],"ip":1,"op":90,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.718,0.718,0.718,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"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-46-notification-bell').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,247.939],"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":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"tt":2,"tp":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[27]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[-26]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":32,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":42,"s":[-28]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":52,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":61,"s":[-28]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":73,"s":[29]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":83,"s":[-6]},{"t":90,"s":[0]}],"ix":10},"p":{"a":0,"k":[249.998,182.041,0],"ix":2,"l":2},"a":{"a":0,"k":[0,-219,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":0,"k":{"i":[[0,0],[0,0],[-35.772,0],[0,19.019],[0,0]],"o":[[0,0],[0,19.019],[38.05,0],[0,0],[0,0]],"v":[[-64.622,-150.459],[-64.792,6.19],[-0.048,57.459],[64.745,6.19],[64.915,-150.459]],"c":false},"ix":2},"nm":"Path 1","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-46-notification-bell').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":[0,0],"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}],"ip":1,"op":90,"st":0,"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":291,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-bell","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":100,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"default:hover-bell","dr":90}],"props":{}}
\ No newline at end of file
diff --git a/src/assets/lotties/noticeIconGreen.json b/src/assets/lotties/noticeIconGreen.json
new file mode 100644
index 0000000..1d51739
--- /dev/null
+++ b/src/assets/lotties/noticeIconGreen.json
@@ -0,0 +1 @@
+{"v":"5.12.1","fr":60,"ip":0,"op":90,"w":500,"h":500,"nm":"system-solid-46-notification-bell","ddd":0,"assets":[{"id":"comp_1","nm":"hover-bell","fr":60,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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}],"ip":0,"op":1,"st":-180,"ct":1,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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],[-1.53,0],[-0.33,1.43],[0,0]],"o":[[0,0],[0,0],[0,0],[0.33,1.43],[1.53,0],[0,0],[0,0]],"v":[[1,-1.25],[-1,-1.25],[-2.12,-1.25],[-3.15,-1.25],[0,1.25],[3.15,-1.25],[2.12,-1.25]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,258.752],"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":0,"k":{"i":[[0.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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}],"ip":90,"op":210,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":".primary.design","cl":"primary design","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.231],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.313],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":7.041,"s":[5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":19,"s":[-53]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":29,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":39,"s":[-62]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":49,"s":[-20]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":58,"s":[-62]},{"i":{"x":[0.283],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":69.713,"s":[14]},{"t":79,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.231,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[249.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":7.041,"s":[269.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":19,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.313,"y":1},"o":{"x":0.333,"y":0},"t":29,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":49,"s":[121.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":58,"s":[111.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.283,"y":1},"o":{"x":0.333,"y":0},"t":69.713,"s":[261.998,67.334,0],"to":[0,0,0],"ti":[0,0,0]},{"t":79,"s":[249.998,67.334,0]}],"ix":2,"l":2},"a":{"a":0,"k":[249.998,67.334,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":0,"k":{"i":[[0,0],[0,6.468],[0,0],[60.406,0],[0,0],[0,-60.406],[0,0],[2.893,-5.786],[0,0],[0,0]],"o":[[-2.893,-5.786],[0,0],[0,-60.406],[0,0],[-60.406,0],[0,0],[0,6.468],[0,0],[0,0],[0,0]],"v":[[113.773,55.671],[109.375,37.038],[109.375,-20.834],[0.001,-130.21],[-0.001,-130.21],[-109.375,-20.834],[-109.375,37.038],[-113.773,55.671],[-151.042,130.21],[151.042,130.21]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,229.166],"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":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[0,-20.832],[0,20.832]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":31.3,"ix":5},"lc":2,"lj":2,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"tr","p":{"a":0,"k":[249.998,78.125],"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}],"ip":1,"op":90,"st":0,"ct":1,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[249.996,248.722,0],"ix":2,"l":2},"a":{"a":0,"k":[250,249.939,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.16,0.31],[0,0],[0,0.15],[0,0],[2.87,0.47],[0,0],[0.553,0],[0,-0.552],[0,0],[0,-2.99],[0,0],[0.07,-0.12],[0,0],[-0.18,-0.29],[-0.35,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-0.18,0.3]],"o":[[0,0],[-0.07,-0.12],[0,0],[0,-2.99],[0,0],[0,-0.552],[-0.553,0],[0,0],[-2.87,0.47],[0,0],[0,0.15],[0,0],[-0.16,0.31],[0.18,0.3],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0.35,0],[0.18,-0.29]],"v":[[7.89,6.613],[6.17,3.173],[6.07,2.764],[6.07,0.103],[1,-5.846],[1,-7.064],[0,-8.064],[-1,-7.064],[-1,-5.846],[-6.07,0.103],[-6.07,2.764],[-6.17,3.173],[-7.89,6.613],[-7.85,7.584],[-7,8.064],[-3.25,8.064],[-2.25,8.064],[-1.25,8.064],[1.25,8.064],[2.25,8.064],[3.25,8.064],[7,8.064],[7.85,7.584]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').layer('control').effect('primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":3,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":".primary","mn":"ADBE Vector Graphic - Stroke","hd":false,"cl":"primary"},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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,247.939],"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":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":1,"op":90,"st":-90,"ct":1,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":".primary.design","cl":"primary design","parent":4,"tt":2,"tp":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":11,"s":[27]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":24,"s":[-26]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":32,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":42,"s":[-28]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":52,"s":[29]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":61,"s":[-28]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":73,"s":[29]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":83,"s":[-6]},{"t":90,"s":[0]}],"ix":10},"p":{"a":0,"k":[249.998,182.041,0],"ix":2,"l":2},"a":{"a":0,"k":[0,-219,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":0,"k":{"i":[[0,0],[0,0],[-35.772,0],[0,19.019],[0,0]],"o":[[0,0],[0,19.019],[38.05,0],[0,0],[0,0]],"v":[[-64.622,-150.459],[-64.792,6.19],[-0.048,57.459],[64.745,6.19],[64.915,-150.459]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141,0.337,0.169,1],"ix":4,"x":"var $bm_rt;\n$bm_rt = comp('system-solid-46-notification-bell').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":[0,0],"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}],"ip":1,"op":90,"st":0,"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.141,0.337,0.169],"ix":1}}]}],"ip":0,"op":291,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":0,"nm":"hover-bell","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":100,"st":0,"bm":0}],"markers":[{"tm":0,"cm":"default:hover-bell","dr":90}],"props":{}}
\ No newline at end of file
diff --git a/src/hooks/useNoticeBadge.js b/src/hooks/useNoticeBadge.js
new file mode 100644
index 0000000..d6dc4a2
--- /dev/null
+++ b/src/hooks/useNoticeBadge.js
@@ -0,0 +1,53 @@
+import { useEffect, useState } from 'react';
+import { AppState } from 'react-native';
+import { useNoticeBadgeStore } from '../stores/noticeStore';
+import { getMostRecentNotice } from '../apis/NoticeListApi';
+
+export function useNoticeBadge() {
+  const lastReadNoticeAt = useNoticeBadgeStore((s) => s.lastReadNoticeAt);
+  const setLastReadNoticeAt = useNoticeBadgeStore((s) => s.setLastReadNoticeAt);
+  const hasUnread = useNoticeBadgeStore((s) => s.hasUnread);
+  const setHasUnread = useNoticeBadgeStore((s) => s.setHasUnread);
+
+  // 최신 알림과 lastReadNoticeAt 비교 함수
+  const checkNotice = async () => {
+    try {
+      const recent = await getMostRecentNotice();
+      if (!recent?.createdAt) {
+        setHasUnread(false);
+        return;
+      }
+      if (!lastReadNoticeAt || recent.createdAt !== lastReadNoticeAt) {
+        setHasUnread(true);
+      } else {
+        setHasUnread(false);
+      }
+    } catch (e) {
+      setHasUnread(false);
+    }
+  };
+
+  // 앱 활성화(AppState) 시 체크
+  useEffect(() => {
+    const handleAppStateChange = (nextAppState) => {
+      if (nextAppState === 'active') {
+        checkNotice();
+      }
+    };
+    const sub = AppState.addEventListener('change', handleAppStateChange);
+    return () => sub.remove();
+  }, [lastReadNoticeAt]);
+
+  // lastReadNoticeAt이 바뀔 때도 체크 (탭 진입 등)
+  useEffect(() => {
+    checkNotice();
+  }, [lastReadNoticeAt]);
+
+  // 알림탭 진입 시: 최신 알림을 읽음 처리
+  const markAllAsRead = async () => {
+    const recent = await getMostRecentNotice();
+    if (recent?.createdAt) setLastReadNoticeAt(recent.createdAt);
+  };
+
+  return { hasUnread, markAllAsRead, checkNotice };
+}
diff --git a/src/navigations/AnimatedTabBar.js b/src/navigations/AnimatedTabBar.js
index 001f13a..4c83a88 100644
--- a/src/navigations/AnimatedTabBar.js
+++ b/src/navigations/AnimatedTabBar.js
@@ -1,15 +1,24 @@
-import { useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { View, TouchableOpacity, Animated, Text } from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
 import { SafeAreaView } from 'react-native-safe-area-context';
+import LottieView from 'lottie-react-native';
+import acccessListIconGreen from '../assets/lotties/accessListIconGreen2.json';
+import acccessListIconGray from '../assets/lotties/accessListIconGray2.json';
+import homeIconGreen from '../assets/lotties/homeIconGreen2.json';
+import homeIconGray from '../assets/lotties/homeIconGray2.json';
+import noticeIconGreen from '../assets/lotties/noticeIconGreen.json';
+import noticeIconGray from '../assets/lotties/noticeIconGray2.json';
+import myPageIconGreen from '../assets/lotties/myPageGreen.json';
+import myPageIconGray from '../assets/lotties/myPageGray.json';
+import { useNoticeBadge } from '../hooks/useNoticeBadge';
 import { styles } from './styles/AnimatedTabBar.styles';
 import { colors } from '../constants/colors';
 
 const TAB_ICONS = {
-  MainPage: 'home',
-  AccessStack: 'list',
-  MyPageStack: 'person-sharp',
-  NoticeStack: 'notifications',
+  MainPage: (isFocused) => (isFocused ? homeIconGreen : homeIconGray),
+  AccessStack: (isFocused) => (isFocused ? acccessListIconGreen : acccessListIconGray),
+  MyPageStack: (isFocused) => (isFocused ? myPageIconGreen : myPageIconGray),
+  NoticeStack: (isFocused) => (isFocused ? noticeIconGreen : noticeIconGray),
 };
 
 const TAB_LABELS = {
@@ -22,6 +31,23 @@ const TAB_LABELS = {
 export default function AnimatedTabBar({ state, descriptors, navigation }) {
   const scales = useRef(state.routes.map(() => new Animated.Value(1))).current;
   const tilts = useRef(state.routes.map(() => new Animated.Value(0))).current;
+  const lottieRefs = useRef(state.routes.map(() => React.createRef())).current;
+  const { hasUnread } = useNoticeBadge();
+
+  // 포커스 이동 시 Lottie 상태 제어
+  useEffect(() => {
+    state.routes.forEach((route, index) => {
+      const isFocused = state.index === index;
+      const lottieRef = lottieRefs[index]?.current;
+      if (lottieRef) {
+        if (isFocused) {
+          lottieRef.play();
+        } else {
+          lottieRef.reset();
+        }
+      }
+    });
+  }, [state.index, state.routes, lottieRefs]);
 
   const onPress = (route, index, isFocused) => {
     const event = navigation.emit({
@@ -55,7 +81,7 @@ export default function AnimatedTabBar({ state, descriptors, navigation }) {
           // 현재 탭이 포커스된 상태인지 확인
           const isFocused = state.index === index;
           // 현재 탭의 아이콘과 레이블 설정
-          const iconName = TAB_ICONS[route.name] || 'ellipse-outline';
+          const iconName = TAB_ICONS[route.name](isFocused);
           const label = TAB_LABELS[route.name] || route.name;
 
           return (
@@ -84,11 +110,14 @@ export default function AnimatedTabBar({ state, descriptors, navigation }) {
                   },
                 ]}
               >
-                <Ionicons
-                  name={iconName}
-                  size={25}
-                  style={isFocused ? styles.iconActive : styles.icon}
+                <LottieView
+                  ref={lottieRefs[index]}
+                  source={iconName}
+                  loop={false}
+                  style={{ width: 32, height: 32 }}
                 />
+                {/* 알림 탭에만 뱃지 표시 */}
+                {route.name === 'NoticeStack' && hasUnread && <View style={styles.noticeBadge} />}
               </Animated.View>
               <Text style={[styles.label, isFocused && styles.labelActive]}>{label}</Text>
             </TouchableOpacity>
diff --git a/src/navigations/AppNavigator.js b/src/navigations/AppNavigator.js
index 99d36c4..be07c5f 100644
--- a/src/navigations/AppNavigator.js
+++ b/src/navigations/AppNavigator.js
@@ -9,6 +9,7 @@ import { useAuthStore } from '../stores/authStore';
 import { useModalStore } from '../stores/modalStore';
 import { colors } from '../constants/colors';
 import { navigationRef, isReadyRef } from './NavigationRef';
+import { useNoticeBadge } from '../hooks/useNoticeBadge';
 import LoadingOverlay from '../components/loadings/LoadingOverlay';
 import PasswordConfirmModal from '../components/modals/PasswordConfirmModal';
 import AnimatedTabBar from './AnimatedTabBar';
@@ -111,6 +112,9 @@ export default function AppNavigator() {
   // 현재 라우트 이름을 저장하는 state
   const [currentRouteName, setCurrentRouteName] = useState('WelcomePage');
 
+  // 알림 읽음 여부 관련
+  const { hasUnread, markAllAsRead } = useNoticeBadge();
+
   // useEffect: 앱 시작 시 토큰 유효성 확인
   useEffect(() => {
     if (!_hasHydrated) return;
@@ -186,7 +190,14 @@ export default function AppNavigator() {
           <Tab.Screen
             name="NoticeStack"
             component={NoticeStack}
-            options={{ title: '알림', tabBarBadge: 2 }}
+            options={{
+              title: '알림',
+            }}
+            listeners={{
+              tabPress: () => {
+                markAllAsRead(); // 알림탭 진입 시 읽음 처리
+              },
+            }}
           />
           <Tab.Screen
             name="MyPageStack"
diff --git a/src/navigations/styles/AnimatedTabBar.styles.js b/src/navigations/styles/AnimatedTabBar.styles.js
index 0792590..a091c32 100644
--- a/src/navigations/styles/AnimatedTabBar.styles.js
+++ b/src/navigations/styles/AnimatedTabBar.styles.js
@@ -31,12 +31,6 @@ export const styles = StyleSheet.create({
     padding: 3,
     borderRadius: 8,
   },
-  icon: {
-    color: colors.lightGray,
-  },
-  iconActive: {
-    color: colors.primary,
-  },
   label: {
     fontSize: 13,
     color: colors.lightGray,
@@ -47,4 +41,15 @@ export const styles = StyleSheet.create({
     color: colors.darkGray,
     fontWeight: 'bold',
   },
+  noticeBadge: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    backgroundColor: 'red',
+    borderRadius: 8,
+    width: 8,
+    height: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
 });
diff --git a/src/pages/NoticeListPage.js b/src/pages/NoticeListPage.js
index 490045c..e2db128 100644
--- a/src/pages/NoticeListPage.js
+++ b/src/pages/NoticeListPage.js
@@ -4,6 +4,7 @@ import { useFocusEffect } from '@react-navigation/native';
 import { getNoticeList, deleteAllNotice } from '../apis/NoticeListApi';
 import { useAuthStore } from '../stores/authStore';
 import { useNormalAlertStore } from '../stores/alertStore';
+import { useNoticeBadgeStore } from '../stores/noticeStore';
 import { styles } from './styles/NoticeListPage.styles';
 import NoticeList from '../components/notices/NoticeList';
 import GrayButton from '../components/buttons/GrayButton';
@@ -14,6 +15,8 @@ const titleTypeMap = {
   '보호자 신청': 'APPLY',
 };
 
+const clearLastReadNoticeAt = useNoticeBadgeStore.getState().clearLastReadNoticeAt;
+
 function convertToOldFormat(data) {
   return data.map((item, idx) => {
     const [date, time] = item.createdAt.split('T');
@@ -71,6 +74,7 @@ export default function NoticeListPage() {
     try {
       await deleteAllNotice();
       setNoticeList([]);
+      clearLastReadNoticeAt();
       showNormalAlert({
         title: '알림 삭제 완료',
         showCancel: false,
diff --git a/src/stores/noticeStore.js b/src/stores/noticeStore.js
new file mode 100644
index 0000000..cea7fb6
--- /dev/null
+++ b/src/stores/noticeStore.js
@@ -0,0 +1,23 @@
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+export const useNoticeBadgeStore = create(
+  persist(
+    (set) => ({
+      lastReadNoticeAt: null, // 마지막으로 읽은 알림의 ISO 날짜
+      setLastReadNoticeAt: (date) => set({ lastReadNoticeAt: date }),
+      clearLastReadNoticeAt: () => set({ lastReadNoticeAt: null }),
+      hasUnread: false, // 알림 안 읽음 여부
+      setHasUnread: (value) => set({ hasUnread: value }),
+    }),
+    {
+      name: 'notice-badge-storage',
+      storage: createJSONStorage(() => AsyncStorage),
+      partialize: (state) => ({
+        lastReadNoticeAt: state.lastReadNoticeAt,
+        hasUnread: state.hasUnread,
+      }),
+    },
+  ),
+);
diff --git a/yarn.lock b/yarn.lock
index 28f507a..8e2894c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4677,6 +4677,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dedent@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "dedent@npm:0.6.0"
+  checksum: fe2c0f5adb0b24407988e4adcd22befa0a27259091d4c40574c72da29fa6a6989e15a522ffc0f934ba6bb511b6498b315e7cdcf4a33a310cfaf1a8555a106484
+  languageName: node
+  linkType: hard
+
 "dedent@npm:^1.0.0":
   version: 1.6.0
   resolution: "dedent@npm:1.6.0"
@@ -6381,7 +6388,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invariant@npm:^2.2.4":
+"invariant@npm:^2.2.2, invariant@npm:^2.2.4":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
   dependencies:
@@ -7580,6 +7587,7 @@ __metadata:
     eslint-plugin-react: ^7.37.5
     eslint-plugin-react-native: ^5.0.0
     jest: ^29.2.1
+    lottie-react-native: 5.1.4
     metro-react-native-babel-preset: 0.73.8
     prettier: ^2.4.1
     react: 18.2.0
@@ -7743,6 +7751,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lottie-react-native@npm:5.1.4":
+  version: 5.1.4
+  resolution: "lottie-react-native@npm:5.1.4"
+  dependencies:
+    invariant: ^2.2.2
+    react-native-safe-modules: ^1.0.3
+  peerDependencies:
+    lottie-ios: ^3.4.0
+    react: "*"
+    react-native: ">=0.46"
+    react-native-windows: ">=0.63.x"
+  peerDependenciesMeta:
+    react-native-windows:
+      optional: true
+  checksum: 2424196c7798ce3f2e9189517bec9892f9864d6732f44ac872a5a8690368c25dd30aae99b83a17c537b3e68bf842934971ac5737b25e585977121a121a7c656a
+  languageName: node
+  linkType: hard
+
 "lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
   version: 10.4.3
   resolution: "lru-cache@npm:10.4.3"
@@ -9505,6 +9531,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-safe-modules@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "react-native-safe-modules@npm:1.0.3"
+  dependencies:
+    dedent: ^0.6.0
+  peerDependencies:
+    react-native: "*"
+  checksum: df30e1935dfb32ece9be57cd21ccbbecd058a68942536ff6c543f591e5488cc22f17093131eaabf490b6e187caa78e802a4b2e55c890af1c48a3f012dd57c9f2
+  languageName: node
+  linkType: hard
+
 "react-native-screens@npm:3.20.0":
   version: 3.20.0
   resolution: "react-native-screens@npm:3.20.0"