.notification-item[data-v-2204b9fa]{display:flex;width:100%;align-items:flex-start;gap:.625rem;border-radius:.5rem;padding:.5rem .625rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.notification-item--unread[data-v-2204b9fa]{border-width:1px;border-color:#33415580;background-color:#1e293b99}.notification-item--unread[data-v-2204b9fa]:hover{background-color:#1e293bcc}.notification-item--read[data-v-2204b9fa]{border-width:1px;border-color:transparent}.notification-item--read[data-v-2204b9fa]:hover{background-color:#1e293b66}.notification-item__dot[data-v-2204b9fa]{margin-top:.375rem;height:.375rem;width:.375rem;flex-shrink:0;border-radius:9999px}