.notification-trigger{position:relative}.notification-trigger b{background:#e86d75;border:2px solid #fff;border-radius:10px;color:#fff;font-size:12px;line-height:13px;min-width:17px;position:absolute;right:-8px;text-align:center;top:-7px}.notification-backdrop{background:#20223533;inset:0;position:fixed;z-index:20}.notification-panel{background:#fff;box-shadow:-12px 0 35px #20223520;height:100vh;max-width:390px;padding:22px;position:fixed;right:0;top:0;transform:translateX(105%);transition:transform .2s ease;width:92%;z-index:21}.notification-panel.open{transform:translateX(0)}.notification-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:17px}.notification-header>div>span{color:#e36d75;font-size:13px;font-weight:700;letter-spacing:1px}.notification-header h2{font:700 20px 'Plus Jakarta Sans';margin:6px 0 0}.notification-header p{color:#a1a4b4;font-size:14px;margin:5px 0 0}.notification-header button{background:#f3f3f6;border:0;border-radius:50%;color:#7d8090;cursor:pointer;font-size:23px;height:29px;width:29px}.notification-list{max-height:calc(100vh - 190px);overflow:auto}.notification-item{border-bottom:1px solid #f0f0f5;display:flex;gap:10px;padding:15px 2px}.notification-item.read{opacity:.55}.notification-item>span{background:#ffebed;border-radius:7px;color:#e36d75;font-size:15px;font-weight:700;height:28px;line-height:28px;text-align:center;width:28px}.notification-item>div{flex:1}.notification-item strong,.notification-item small,.notification-item p{display:block}.notification-item strong{font-size:15px}.notification-item p{color:#777b90;font-size:14px;line-height:1.4;margin:5px 0}.notification-item small{color:#aaacb8;font-size:13px}.notification-item b{color:#e36d75}.notification-footer{bottom:0;display:grid;gap:8px;grid-template-columns:1fr 1fr;left:0;padding:16px 22px;position:absolute;right:0}.notification-footer button{border-radius:7px;cursor:pointer;font:700 14px 'DM Sans';padding:10px}.notification-footer button:first-child{background:#fff;border:1px solid var(--line);color:#777b90}.notification-footer button:last-child{background:#6e63e8;border:1px solid #6e63e8;color:#fff}