.ospo-inbox-bell{position:relative}.ospo-inbox-badge{color:#000;pointer-events:none;background:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-4px;right:-7px;box-shadow:0 0 0 2px #090909}.ospo-notification-center{--inbox-bg:#101010;--inbox-fg:#f5f5f5;--inbox-muted:#a3a3a3;--inbox-line:#ffffff16;--inbox-soft:#ffffff08;z-index:1200;background:var(--inbox-bg);width:420px;max-width:calc(100vw - 24px);max-height:min(680px,100dvh - 110px);color:var(--inbox-fg);border:1px solid var(--inbox-line);text-align:left;isolation:isolate;border-radius:22px;flex-direction:column;font-family:inherit;animation:.22s cubic-bezier(.2,.8,.2,1) ospo-inbox-enter;display:flex;position:absolute;top:calc(100% + 16px);right:0;overflow:hidden;box-shadow:0 24px 80px #0005,0 4px 16px #0002}html[data-theme=light] .ospo-notification-center{--inbox-bg:#fff;--inbox-fg:#141414;--inbox-muted:#666;--inbox-line:#00000016;--inbox-soft:#00000004;box-shadow:0 24px 64px #0002,0 4px 16px #0001}.ospo-notification-center *{box-sizing:border-box}.ospo-notification-center button,.ospo-notification-center select{font:inherit;letter-spacing:normal;text-transform:none;color:inherit;cursor:pointer;box-shadow:none;margin:0}.ospo-notification-center button:disabled{opacity:.4;cursor:default}.ospo-notification-center :is(button,a,select):focus-visible{outline-offset:2px;outline:2px solid #bdee64}.ospo-notification-center .ospo-inbox-heading{background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 18px;display:flex}.ospo-inbox-heading h2{letter-spacing:-.6px;color:var(--inbox-fg);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:22px;line-height:1.2;display:flex}.ospo-inbox-heading h2 small{letter-spacing:0;color:var(--inbox-muted);border:1px solid var(--inbox-line);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:500}.ospo-notification-center .ospo-inbox-icon{width:30px;height:30px;min-height:0;color:var(--inbox-muted);background:0 0;border:0;border-radius:50%;flex:0 0 30px;place-items:center;padding:0;display:grid}.ospo-notification-center .ospo-inbox-icon:hover:not(:disabled){background:var(--inbox-soft);color:var(--inbox-fg)}.ospo-inbox-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:0 22px 16px;display:flex}.ospo-inbox-tabs{border:1px solid var(--inbox-line);background:var(--inbox-soft);border-radius:999px;gap:4px;padding:3px;display:flex}.ospo-notification-center .ospo-inbox-tabs button{height:30px;min-height:0;color:var(--inbox-muted);background:0 0;border:0;border-radius:999px;padding:0 17px;font-size:12px;font-weight:550;transition:background .16s,color .16s}.ospo-notification-center .ospo-inbox-tabs button[aria-pressed=true]{background:#fff;color:#000!important;-webkit-text-fill-color:#000!important}.ospo-inbox-filter{border-block:1px solid var(--inbox-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:13px 22px;display:flex}.ospo-inbox-filter label{background:0 0;border:0;align-items:center;min-width:0;margin:0;padding:0;display:flex;position:relative}.ospo-notification-center .ospo-inbox-filter select{appearance:none;max-width:185px;height:30px;min-height:0;color:var(--inbox-fg);background:0 0;border:0;border-radius:4px;padding:0 22px 0 0;font-size:12px}.ospo-inbox-filter select option{background:var(--inbox-bg);color:var(--inbox-fg)}.ospo-inbox-filter label>svg{pointer-events:none;color:var(--inbox-muted);position:absolute;right:0}.ospo-notification-center .ospo-inbox-filter>button{min-height:0;color:var(--inbox-muted);background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:flex}.ospo-inbox-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--inbox-line) transparent;min-height:0;overflow-y:auto}.ospo-inbox-list{gap:10px;margin:0;padding:14px 16px 18px;list-style:none;display:grid}.ospo-inbox-list>li{border-radius:12px;grid-template-columns:32px minmax(0,1fr) 24px;align-items:start;gap:12px;padding:16px 14px;transition:background .16s;display:grid;position:relative}.ospo-inbox-list>li+li:before{content:none}.ospo-inbox-list>li.is-unread{background:var(--inbox-soft)}.ospo-inbox-event-icon{background:var(--inbox-soft);width:32px;height:32px;color:var(--inbox-muted);border:0;border-radius:9px;place-items:center;display:grid}.is-unread .ospo-inbox-event-icon{color:var(--inbox-fg)}.ospo-notification-center .ospo-inbox-event a{color:var(--inbox-fg);background:0 0;border-radius:4px;gap:6px;text-decoration:none;display:grid}.ospo-inbox-event strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:19px;display:block}.ospo-inbox-event p{color:var(--inbox-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.ospo-inbox-event time{color:var(--inbox-muted);margin-top:4px;font-size:10px;line-height:16px;display:block}.ospo-inbox-list>li:hover{background:#fff}.ospo-inbox-list>li:hover :is(a,strong,p,time,.ospo-inbox-event-icon,.ospo-inbox-read){color:#000!important;-webkit-text-fill-color:#000!important}.ospo-inbox-list>li:hover .ospo-inbox-event-icon{border-color:#0002}.ospo-notification-center .ospo-inbox-read{width:24px;height:24px;min-height:0;color:var(--inbox-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ospo-inbox-read>span{background:#fff;border-radius:50%;width:6px;height:6px}.ospo-inbox-list>li:hover .ospo-inbox-read>span{background:#000}.ospo-inbox-empty{text-align:center;min-height:230px;color:var(--inbox-muted);flex-direction:column;justify-content:center;align-items:center;padding:34px 28px;display:flex}.ospo-inbox-empty-orbit{border:1px solid var(--inbox-line);width:62px;height:62px;box-shadow:0 0 0 9px var(--inbox-soft);color:var(--inbox-fg);border-radius:50%;place-items:center;margin:0 0 8px;display:grid}.ospo-inbox-empty h3{color:var(--inbox-fg);letter-spacing:-.2px;margin:17px 0 8px;font-size:16px;line-height:22px}.ospo-inbox-empty p{max-width:285px;margin:0;font-size:12px;line-height:20px}.ospo-inbox-empty a{color:var(--inbox-fg);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.ospo-inbox-error{color:var(--inbox-fg);border-bottom:1px solid var(--inbox-line);padding:14px 22px;font-size:12px;line-height:18px}.ospo-notification-center .ospo-inbox-error button{background:0 0;border:0;padding:5px 0;font-size:12px;text-decoration:underline;display:block}.ospo-notification-center .ospo-inbox-more{border:1px solid var(--inbox-line);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);height:36px;margin:8px 20px 20px;font-size:12px;display:flex}.ospo-inbox-history-note{color:var(--inbox-muted);padding:12px 22px;font-size:11px;line-height:18px}.ospo-notification-center .ospo-inbox-footer{border-top:1px solid var(--inbox-line);color:var(--inbox-muted);background:var(--inbox-bg);justify-content:center;align-items:center;gap:7px;padding:12px 22px;font-size:10px;display:flex}.ospo-inbox-heading,.ospo-inbox-toolbar,.ospo-inbox-filter,.ospo-inbox-error,.ospo-inbox-footer{flex-shrink:0}.ospo-inbox-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ospo-notification-center .is-refreshing{animation:1s linear infinite ospo-inbox-spin}@keyframes ospo-inbox-enter{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes ospo-inbox-spin{to{transform:rotate(360deg)}}@media (width<=650px){.ospo-notification-center{border-radius:18px;width:auto;max-width:none;max-height:calc(100dvh - 92px);position:fixed;top:76px;left:12px;right:12px}.ospo-notification-center .ospo-inbox-heading{padding:20px 18px 16px}.ospo-inbox-toolbar,.ospo-inbox-filter{padding-inline:18px}.ospo-inbox-list{gap:9px;padding:12px}.ospo-inbox-list>li{gap:10px;padding:14px 12px}}@media (prefers-reduced-motion:reduce){.ospo-notification-center,.ospo-notification-center *{transition:none!important;animation:none!important}}.ospo-inbox-heading>div,.ospo-inbox-event{min-width:0}.ospo-inbox-filter>button{white-space:nowrap}@media (width<=380px){.ospo-inbox-filter{gap:6px 12px}.ospo-inbox-heading h2{gap:8px;font-size:20px}.ospo-inbox-list>li{grid-template-columns:28px minmax(0,1fr) 24px;gap:8px}.ospo-inbox-event-icon{width:28px;height:28px}}