.notification-link{position:relative;width:40px;height:40px;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:#66747e;text-decoration:none}.notification-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.notification-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:20px;background:var(--red);color:#fff;font-size:9px;font-weight:900;line-height:1}.notification-badge[hidden]{display:none}.notification-page{max-width:720px;margin:auto;padding:14px 12px 105px}.notification-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#10291b,#287517 72%,#72cd00);color:#fff;box-shadow:var(--shadow)}.notification-head small{font-size:10px;font-weight:900;color:#bdf486}.notification-head h1{margin:3px 0 5px;font-size:24px}.notification-head p{margin:0;font-size:11px;opacity:.78}.notification-head button{border:1px solid #ffffff30;border-radius:11px;padding:9px 11px;background:#ffffff18;color:#fff;font-size:11px;font-weight:850}.notification-tabs{display:flex;gap:8px;margin:12px 0}.notification-tabs a{padding:9px 13px;border-radius:11px;background:#dfe6e9;color:#71808a;text-decoration:none;font-size:11px;font-weight:850}.notification-tabs a.active{background:#fff;color:var(--g);box-shadow:var(--shadow)}.notification-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 10px;gap:11px;align-items:center;margin-bottom:9px;padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow)}.notification-card.unread{border-color:#cdeaa8;background:linear-gradient(90deg,#f9fff2,#fff 45%)}.notification-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eff5f7;color:#60707a;font-weight:950}.notification-icon.bet{background:#e7f8d3;color:#4b9400}.notification-icon.live{background:#ffe4e6;color:#e54e59}.notification-icon.payment{background:#e6f3ff;color:#2576b8}.notification-icon.cashout{background:#f0e8ff;color:#7443b3}.notification-copy{min-width:0}.notification-copy strong,.notification-copy span,.notification-copy small{display:block}.notification-copy strong{font-size:13px}.notification-copy span{margin:4px 0;color:#5f6d76;font-size:11px;line-height:1.4}.notification-copy small{color:var(--muted);font-size:9px}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--g)}.notification-empty{padding:42px 20px;border-radius:19px;background:#fff;text-align:center;color:var(--muted);box-shadow:var(--shadow)}.notification-empty b,.notification-empty span{display:block}.notification-empty b{color:var(--ink);font-size:15px}.notification-empty span{margin-top:5px;font-size:11px}.notification-pagination{margin-top:14px}.notification-pagination nav{display:flex;justify-content:center}.notification-pagination svg{width:18px}.notification-pagination p{font-size:10px}@media(max-width:520px){.notification-head{align-items:flex-start;flex-direction:column}.notification-head form,.notification-head button{width:100%}}
.notification-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px}.notification-pagination a,.notification-pagination span,.notification-pagination b{padding:8px 10px;border-radius:10px;background:#fff;text-decoration:none;font-size:10px}.notification-pagination span{color:#a4adb3}.notification-pagination b{color:var(--g)}
.bottom .nav-item{position:relative}.notification-nav-badge{position:absolute;top:5px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;display:grid!important;place-items:center;border:2px solid #fff;border-radius:20px;background:var(--red);color:#fff;font-size:8px!important;font-weight:950;line-height:1;overflow:visible!important}.notification-nav-badge[hidden]{display:none!important}