.notif-badge{top:-5px;border:2px solid var(--bg-card);background:var(--color-error);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:5px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;inset-inline-end:-5px}.notif-badge--nav{top:1px;inset-inline:calc(50% + 3px) auto}.notif-panel{width:min(348px,100vw - 16px);padding:0;overflow:hidden}@media (max-width:640px){.notif-panel{width:auto}}.notif-panel__head{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.notif-panel__head strong{color:var(--text-primary);font-size:13px;font-weight:750}.notif-panel__all{font:inherit;color:var(--color-brand);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:650}.notif-panel__all:hover{text-decoration:underline}.notif-list{overscroll-behavior:contain;gap:2px;max-height:min(420px,62vh);margin:0;padding:6px;list-style:none;display:grid;overflow-y:auto}.notif-item{width:100%;color:inherit;font:inherit;text-align:start;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;text-decoration:none;display:flex}a.notif-item{cursor:pointer}a.notif-item:hover,a.notif-item:focus-visible{background:var(--bg-hover)}.notif-item.is-new{background:color-mix(in srgb, var(--color-brand) 9%, transparent)}.notif-item__icon{background:var(--color-surface-strong);width:34px;height:34px;color:var(--color-brand);border-radius:10px;flex:none;place-items:center;display:grid}.notif-item__icon--wallet,.notif-item__icon--sparkles{color:var(--color-success)}.notif-item__icon--gift{color:var(--color-warning)}.notif-item__body{flex:1;min-width:0}.notif-item__body p{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.notif-item__body time{color:var(--text-muted);margin-top:2px;font-size:10.5px;display:block}.notif-item__dot{background:var(--color-brand);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.notif-empty{color:var(--text-muted);text-align:center;justify-items:center;gap:8px;padding:26px 16px;font-size:12px;display:grid}.notif-skeleton{gap:10px;padding:14px;display:grid}