.notification[data-v-0e0ca5cf]{align-items:center;background-color:var(--SECONDARY-BG-COLOR);border-bottom:var(--BORDER-1-SHADE-1);cursor:pointer;display:flex;gap:10px;min-height:80px;padding:20px 10px;transition:background-color .3s ease,transform .3s ease;width:100%}.notification[data-v-0e0ca5cf]:hover{background-color:#fff3}.notification.read[data-v-0e0ca5cf]{border-left:4px solid var(--SECONDARY-BG-COLOR)}.notification.unread[data-v-0e0ca5cf]{border-left:4px solid var(--PRIMARY-COLOR)}.notification-body[data-v-0e0ca5cf]{display:flex;justify-content:space-between;width:100%}.notification-icon[data-v-0e0ca5cf]{background-color:#186123;border-radius:50%;color:#f9f6f6;flex-shrink:0;font-size:22px;font-weight:600;height:56px;width:56px}.icon-wrapper[data-v-0e0ca5cf],.notification-icon[data-v-0e0ca5cf]{align-items:center;display:flex;justify-content:center}.icon-wrapper[data-v-0e0ca5cf]{background-color:var(--SECONDARY-BG-COLOR);border:var(--BORDER-1-SHADE-2);border-radius:50%;box-shadow:var(--ELEVATION-1);height:40px;margin-right:10px;width:40px}.notification-message[data-v-0e0ca5cf]{color:gray;font-size:14px}.icon[data-v-0e0ca5cf]{color:var(--PRIMARY-COLOR)}.main-notifications[data-v-6e859ba6]{background-color:var(--CHAT-BODY-BG-COLOR);border-radius:18px;box-shadow:var(--ELEVATION-2);height:600px;margin:10px auto;padding-bottom:50px}.main-notifications[data-v-6e859ba6],.main-notifications-sm[data-v-6e859ba6]{display:flex;flex-direction:column}.main-notifications-sm[data-v-6e859ba6]{background-color:var(--CHAT-BODY-BG-COLOR);border:var(--BORDER-1-SHADE-1);border-radius:var(--BORDER-RADIUS-SIZE);box-shadow:var(--ELEVATION-2);cursor:auto;height:600px!important;padding-bottom:50px;position:absolute;right:20px;top:50px;width:450px!important;z-index:200000}.container[data-v-6e859ba6]{padding:0}.notification-header[data-v-6e859ba6]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 30px}.notification-main-title[data-v-6e859ba6]{align-items:center;display:flex;font-size:1.3rem;font-weight:600;gap:4px}.mark-as-read[data-v-6e859ba6]{cursor:pointer;font-size:1rem;font-weight:400;transition:color .2s ease}.mark-as-read[data-v-6e859ba6]:hover{color:var(--PRIMARY-COLOR)}.notification-tabs-wrapper[data-v-6e859ba6]{border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:var(--ELEVATION-2);display:flex;flex-direction:column;height:100%;padding-top:30px;width:100%}.notification-tabs[data-v-6e859ba6]{display:flex;gap:1rem;position:relative}.notification-tab[data-v-6e859ba6]{background:none;border:none;color:var(--PRIMARY-TEXT-COLOR);cursor:pointer;font-weight:500;padding:6px 4px;position:relative}.notification-tab[data-v-6e859ba6]:hover{color:#ccc}.notification-badge[data-v-6e859ba6]{align-items:center;background:#ef4444;border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;line-height:1;padding:0 .5rem;white-space:nowrap;width:2rem}.tablist[data-v-6e859ba6]{background-color:var(--SECONDARY-BG-COLOR);border:var(--BORDER-1-SHADE-1);color:var(--PRIMARY-TEXT-COLOR-SHADE-6)!important}.notification-tab-content[data-v-6e859ba6]{height:calc(100% - 110px);overflow-y:auto!important;width:100%}.notification-tab-content[data-v-6e859ba6]::-webkit-scrollbar{width:4px}.notification-tab-content[data-v-6e859ba6]::-webkit-scrollbar-thumb{background-color:gray}