.notification-center-panel-module__QZeZiW__backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09090947;justify-content:flex-end;align-items:flex-start;padding:10px 24px 24px;display:flex;position:fixed;inset:78px 0 0}.notification-center-panel-module__QZeZiW__panel{width:min(430px,100vw - 32px);max-height:min(720px,100dvh - 102px);color:var(--app-ink);background:var(--app-paper);border:2px solid var(--app-ink);box-shadow:9px 9px 0 var(--app-orange);font-family:var(--font-ui-interface), "Avenir Next", Avenir, ui-sans-serif, system-ui, sans-serif;border-radius:5px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.notification-center-panel-module__QZeZiW__panel:focus{outline:0}.notification-center-panel-module__QZeZiW__header{min-height:88px;color:var(--app-paper);background:var(--app-ink);border-bottom:3px solid var(--app-orange);justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.notification-center-panel-module__QZeZiW__header span{color:var(--app-sun);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.notification-center-panel-module__QZeZiW__header h2{font-family:var(--font-ui-heading), Georgia, serif;letter-spacing:-.045em;margin:0;font-size:30px;font-weight:650;line-height:1}.notification-center-panel-module__QZeZiW__close{width:38px;height:38px;color:var(--app-paper);border:1px solid color-mix(in srgb, var(--app-paper) 60%, transparent);cursor:pointer;background:0 0;border-radius:3px;place-items:center;display:grid}.notification-center-panel-module__QZeZiW__close:hover,.notification-center-panel-module__QZeZiW__close:focus-visible{color:var(--app-ink);background:var(--app-sun);border-color:var(--app-sun);outline:0}.notification-center-panel-module__QZeZiW__summary{background:var(--app-sun);border-bottom:2px solid var(--app-ink);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 16px;display:flex}.notification-center-panel-module__QZeZiW__summary p{margin:0;font-size:11px;font-weight:750}.notification-center-panel-module__QZeZiW__summary p strong{font-family:var(--font-ui-heading), Georgia, serif;font-size:21px}.notification-center-panel-module__QZeZiW__summary button,.notification-center-panel-module__QZeZiW__state button{min-height:32px;color:var(--app-paper);background:var(--app-ink);border:1px solid var(--app-ink);cursor:pointer;font:inherit;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:850;display:inline-flex}.notification-center-panel-module__QZeZiW__summary button:disabled{cursor:default;opacity:.42}.notification-center-panel-module__QZeZiW__list{overscroll-behavior:contain;min-height:120px;overflow-y:auto}.notification-center-panel-module__QZeZiW__item{width:100%;color:inherit;background:color-mix(in srgb, var(--app-sun) 19%, var(--app-white));border:0;border-bottom:1px solid color-mix(in srgb, var(--app-ink) 28%, transparent);cursor:pointer;font:inherit;text-align:left;grid-template-columns:42px minmax(0,1fr) 9px;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative}.notification-center-panel-module__QZeZiW__item[data-read=true]{background:var(--app-white)}.notification-center-panel-module__QZeZiW__item:hover,.notification-center-panel-module__QZeZiW__item:focus-visible{background:color-mix(in srgb, var(--app-sun) 38%, var(--app-white));outline:0}.notification-center-panel-module__QZeZiW__item .app-avatar{border:1px solid var(--app-ink);width:42px;height:42px}.notification-center-panel-module__QZeZiW__item>span{gap:3px;min-width:0;display:grid}.notification-center-panel-module__QZeZiW__item strong{font-size:12px;line-height:1.35}.notification-center-panel-module__QZeZiW__item small,.notification-center-panel-module__QZeZiW__item time{color:color-mix(in srgb, var(--app-ink) 62%, transparent);font-size:9px;line-height:1.45}.notification-center-panel-module__QZeZiW__item time{color:var(--app-orange);font-weight:800}.notification-center-panel-module__QZeZiW__item i{background:var(--app-orange);border:1px solid var(--app-ink);border-radius:50%;width:9px;height:9px}.notification-center-panel-module__QZeZiW__viewAll{min-height:52px;color:var(--app-paper);background:var(--app-ink);border-top:2px solid var(--app-ink);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:11px;font-weight:850;text-decoration:none;display:flex}.notification-center-panel-module__QZeZiW__viewAll:hover,.notification-center-panel-module__QZeZiW__viewAll:focus-visible{color:var(--app-ink);background:var(--app-orange);outline:0}.notification-center-panel-module__QZeZiW__state,.notification-center-panel-module__QZeZiW__empty{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:170px;padding:24px;display:grid}.notification-center-panel-module__QZeZiW__state p,.notification-center-panel-module__QZeZiW__empty p{max-width:280px;color:color-mix(in srgb, var(--app-ink) 62%, transparent);margin:0;font-size:11px;line-height:1.55}.notification-center-panel-module__QZeZiW__empty svg{box-sizing:content-box;color:var(--app-ink);background:var(--app-sun);border:2px solid var(--app-ink);border-radius:50%;padding:11px}.notification-center-panel-module__QZeZiW__empty strong{font-family:var(--font-ui-heading), Georgia, serif;font-size:20px}.notification-center-panel-module__QZeZiW__spinner{animation:.9s linear infinite notification-center-panel-module__QZeZiW__notification-panel-spin}@keyframes notification-center-panel-module__QZeZiW__notification-panel-spin{to{transform:rotate(360deg)}}@media (max-width:899px){.notification-center-panel-module__QZeZiW__backdrop{align-items:flex-end;padding:0;inset:64px 0 0}.notification-center-panel-module__QZeZiW__panel{width:100%;max-height:min(680px,100dvh - 78px);box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0}}
