/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ddacd48b],[data-v-ddacd48b]::backdrop,[data-v-ddacd48b]:after,[data-v-ddacd48b]:before{--tw-border-style:solid}}}.notif-item[data-v-ddacd48b]{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--ui-radius)*3);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#ededed);padding:calc(var(--spacing,.25rem)*3);display:flex}.notif-item.clickable[data-v-ddacd48b]{cursor:pointer}@media (hover:hover){.notif-item.clickable[data-v-ddacd48b]:hover{background-color:var(--color-neutral-200,#f5f5f5)}.notif-item.clickable.unread[data-v-ddacd48b]:hover{background-color:var(--color-secondary-200,#c2dff2)}}.notif-item.unread[data-v-ddacd48b]{background-color:var(--color-secondary-100,#e6f2fa)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}