.notif-item.notif-tone-blue{--notif-bg:#eff6ff;--notif-edge:#2563eb;--notif-text:#1e40af}.notif-item.notif-tone-yellow{--notif-bg:#fefce8;--notif-edge:#eab308;--notif-text:#854d0e}.notif-item.notif-tone-orange{--notif-bg:#fff7ed;--notif-edge:#f97316;--notif-text:#9a3412}.notif-item.notif-tone-green{--notif-bg:#f0fdf4;--notif-edge:#22c55e;--notif-text:#166534}.notif-item.notif-tone-sky{--notif-bg:#f0f9ff;--notif-edge:#0ea5e9;--notif-text:#075985}.notif-item.notif-tone-pink{--notif-bg:#fdf2f8;--notif-edge:#ec4899;--notif-text:#9d174d}.notif-item.notif-tone-slate{--notif-bg:#f8fafc;--notif-edge:#94a3b8;--notif-text:#334155}.notif-item[class*="notif-tone-"]{background:var(--notif-bg)!important;border-left:5px solid var(--notif-edge)!important}.notif-item[class*="notif-tone-"] .notif-main{background:transparent!important}.notif-item[class*="notif-tone-"] .notif-item-title{color:var(--notif-text)}.notif-item[class*="notif-tone-"].is-new{box-shadow:inset 0 0 0 1px var(--notif-edge)}.notif-item-body{overflow-wrap:anywhere}.notif-tone-blue .notif-item-title:before,.notif-tone-yellow .notif-item-title:before{content:'●';color:var(--notif-edge);margin-right:6px}