.notification-bell{position:relative}.notification-bell__badge{position:absolute;top:-4px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#ff6b00;color:#fff;font-size:10px;line-height:16px;text-align:center}.notification-center__overlay{z-index:150;background:rgb(0 0 0/.28)}.notification-center__panel[data-slot=dialog-content]{inset:0 0 0 auto;z-index:151;width:min(400px,100vw);max-width:400px;height:100dvh;max-height:100dvh;transform:none;translate:none;border:0;border-radius:20px 0 0 20px;padding:24px;display:flex;flex-direction:column;gap:12px;background:#fff;color:#18181b;box-shadow:-8px 0 32px rgb(0 0 0/.1);animation:none}.notification-center__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-center__heading h2{font-size:20px;line-height:1.4;margin:0}.notification-center__close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:#f4f4f5;color:#52525b}.notification-center__description{margin:0;color:#71717a;font-size:13px;line-height:1.6}.notification-center__tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-center__more,.notification-center__tools button{padding:8px 12px;border:0;border-radius:20px;background:#f4f4f5;font-size:13px;color:#52525b}.notification-center__tools [aria-pressed=true]{background:#18181b;color:white}.notification-center__tools [role=group]{display:flex;gap:6px}.notification-center__list{overflow:auto;min-height:0;flex:1}.notification-center__list ul{margin:0;padding:0;list-style:none}.notification-center__list li+li{border-top:1px solid #f1f1f3}.notification-center__list li>button{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 4px;border:0;background:transparent;text-align:left;color:#52525b;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.notification-center__item-title{display:flex;align-items:center;gap:8px;color:#18181b;font-weight:600}.notification-center__dot{width:6px;height:6px;background:#ff6b00;border-radius:50%;flex:0 0 6px}.notification-center__list time{font-size:12px;color:#71717a}.notification-center__empty{padding:40px 0;text-align:center;color:#71717a;font-size:14px;line-height:1.6}.notification-center__more{width:100%;margin-block:12px}.notification-center__panel button:disabled{opacity:.5;cursor:default}.notification-bell:focus-visible,.notification-center__panel button:focus-visible{outline:2px solid #ff6b00;outline-offset:2px}@media(max-width:768px){.notification-center__panel[data-slot=dialog-content]{width:100vw;max-width:none;border-radius:0;padding:20px 20px max(20px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.notification-center__overlay,.notification-center__panel{animation:none!important;transition:none!important}}