.notification-item.svelte-dkaphj{font-size:1rem;display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);min-height:48px;align-items:center;justify-content:space-between;cursor:pointer;background-color:var(--color-hover);-webkit-user-select:none;user-select:none}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj){display:flex;flex-direction:row;gap:.5rem}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .pre:where(.svelte-dkaphj){color:var(--color-danger)}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .sender:where(.svelte-dkaphj){color:var(--color-text)}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .notification-item-title:where(.svelte-dkaphj){color:var(--color-text)}.notification-item.svelte-dkaphj .date:where(.svelte-dkaphj){text-align:right;font-size:.8rem;color:var(--color-head)}.notification-item.unread.svelte-dkaphj{background-color:var(--color-background);font-weight:700}.notification-item.svelte-dkaphj:hover{box-shadow:0 0 8px var(--color-hover)}.notification-item-content.svelte-dkaphj{padding:2rem;border-bottom:1px solid var(--color-border);font-size:1rem;border-left:4px solid var(--color-border)}@media screen and (max-width:667px){.notification-item.svelte-dkaphj{flex-direction:column;align-items:flex-start;width:100%}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj){display:flex;flex-wrap:wrap;row-gap:.5rem;column-gap:.5rem;align-items:center;width:100%;order:1}.notification-item.svelte-dkaphj .sender:where(.svelte-dkaphj){order:1;min-width:0}.notification-item.svelte-dkaphj .pre:where(.svelte-dkaphj){order:2;width:auto}.notification-item.svelte-dkaphj .attached:where(.svelte-dkaphj){order:3;width:auto}.notification-item.svelte-dkaphj .date:where(.svelte-dkaphj){order:4;margin-left:auto;font-size:.8rem;color:var(--color-head)}.notification-item.svelte-dkaphj .notification-item-title:where(.svelte-dkaphj){order:5;width:100%;white-space:normal}}@media screen and (min-width:668px){.notification-item.svelte-dkaphj{flex-direction:row}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .sender:where(.svelte-dkaphj){width:120px}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .pre:where(.svelte-dkaphj){width:32px}.notification-item.svelte-dkaphj .left:where(.svelte-dkaphj) .attached:where(.svelte-dkaphj){width:32px}}.notification-header.svelte-e97xle{font-size:1rem;display:flex;flex-direction:row;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);height:48px;align-items:center;justify-content:space-between;cursor:pointer;background-color:var(--color-background);font-weight:700;-webkit-user-select:none;user-select:none}.notification-header.svelte-e97xle .left:where(.svelte-e97xle){display:flex;flex-direction:row;gap:.5rem}.notification-header.svelte-e97xle .left:where(.svelte-e97xle) .gap:where(.svelte-e97xle){width:64px}.notification-header.svelte-e97xle .left:where(.svelte-e97xle) .subject:where(.svelte-e97xle){color:var(--color-text)}.notification-header.svelte-e97xle .left:where(.svelte-e97xle) .sender:where(.svelte-e97xle){width:120px;color:var(--color-text)}.notification-header.svelte-e97xle .date:where(.svelte-e97xle){color:var(--color-text)}@media screen and (max-width:667px){.notification-header.svelte-e97xle{display:none}}