li[data-v-2437af5c]{display:flex;margin-bottom:var(--spacing-x1)}li[data-v-2437af5c]:last-child{margin:0}li .notification-link[data-v-2437af5c]{align-items:flex-start;border:.1rem solid var(--gray-color);border-radius:var(--border-radius-x8);cursor:pointer;display:flex;gap:var(--spacing-x2);justify-content:flex-start;padding:var(--spacing-x2);position:relative;width:100%}li .notification-link[data-v-2437af5c]:hover{background-color:#00000005}li .notification-link .badge[data-v-2437af5c]{background-color:var(--primary-color);border-radius:50%;content:"";height:.8rem;left:1rem;position:absolute;top:1rem;width:.8rem}li .notification-link .icon-container[data-v-2437af5c]{align-items:center;background-color:#0000000a;border-radius:50%;display:flex;height:3.7rem;justify-content:center;min-height:3.7rem;min-width:3.7rem;width:3.7rem}li .notification-link .text-container[data-v-2437af5c]{color:var(--info-color);width:100%}li .notification-link .date-container[data-v-2437af5c]{display:flex;font-size:var(--font-size-x1);margin-top:var(--spacing-x1)}li .notification-link .spacer[data-v-2437af5c]{flex:1}li .notification-link.clicked .badge[data-v-2437af5c]{display:none}li .notification-link.clicked .text-container[data-v-2437af5c]>*{font-weight:400}