.notification-row-wrap{position:relative;overflow:hidden}.notification-row-delete{color:#fff;background:#ef4444;justify-content:center;align-items:center;width:96px;display:flex;position:absolute;inset:0 0 0 auto}.notification-row{color:#232427;touch-action:pan-y;background:#fff;padding:0 16px;position:relative}.dark .notification-row{color:#f1f1f3;background:#141414}.notification-row-header{align-items:center;gap:3px;display:flex}.notification-row-summary{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:17px 0;display:grid}.notification-row-thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:32px;height:32px}.notification-row-icon{color:#858991}.notification-row-copy{min-width:0;display:block}.notification-row-copy strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:400;line-height:1.6;display:-webkit-box;overflow:hidden}.notification-row-preview{-webkit-line-clamp:2;overflow-wrap:anywhere;color:#777b84;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.dark .notification-row-preview{color:#a6a8ae}.notification-row-copy small{color:#858991;align-items:center;gap:7px;margin-top:7px;font-size:10px;display:flex}.notification-row-unread{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.notification-row-chevron{color:#858991;transition:transform .2s}.notification-row[data-expanded=true] .notification-row-chevron{transform:rotate(180deg)}.notification-row[data-expanded=true] .notification-row-preview{display:none}.notification-row-dismiss{color:#858991;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;min-height:44px;padding:0;display:grid}.notification-row-details{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .14s,visibility 0s .32s;display:grid}.notification-row[data-expanded=true] .notification-row-details{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .19s 90ms,visibility}.notification-row-details-clip{min-height:0;overflow:hidden}.notification-row .notification-details{padding:0 0 14px}.notification-row .notification-details-reading{overflow:visible}.notification-row :is(button,a):focus-visible:not(:where([data-focus-input=pointer] *)){outline-offset:2px;border-radius:7px;outline:2px solid}@media (max-width:1023px){.notification-row-dismiss{width:44px}}@media (prefers-reduced-motion:reduce){.notification-row-details,.notification-row-chevron{transition:none}}