.notification-center{flex:none;position:relative}.notification-center .notification-bell{cursor:pointer;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid}.notification-center .notification-bell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.notification-center .notification-bell[aria-expanded=true]{color:#176f5d;background:#edf6f3;border-color:#8fb9ad}.notification-center .notification-badge{border:2px solid #fff;min-width:19px;height:19px;padding:0 4px;font-size:.61rem;position:absolute;top:-5px;right:-7px}.notification-panel[hidden],.notification-backdrop[hidden],.notification-panel__status[hidden],.notification-panel__read-all[hidden]{display:none!important}.notification-panel{z-index:75;color:#17221f;background:#fff;border:1px solid #d8e3df;border-radius:14px;grid-template-rows:auto auto auto minmax(120px,1fr) auto;width:min(390px,100vw - 2rem);max-height:min(540px,100vh - 92px);display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 55px #142a2329}.notification-panel__header{grid-row:1;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.notification-panel__header h2{letter-spacing:-.015em;margin:0;font-size:1.05rem}.notification-panel__header p{color:#71807b;margin:.2rem 0 0;font-size:.7rem}.notification-panel__header-actions{align-items:center;gap:.25rem;display:flex}.notification-panel__read-all,.notification-panel__close{color:#176f5d;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;font-size:.7rem;font-weight:800}.notification-panel__read-all{padding:.4rem .55rem}.notification-panel__read-all:hover,.notification-panel__close:hover{background:#edf6f3}.notification-panel__read-all:disabled{cursor:wait;opacity:.55}.notification-panel__close{color:#52625d;place-items:center;width:34px;padding:0;font-size:1.25rem;font-weight:500;display:grid}.notification-panel__filters{scrollbar-width:thin;scrollbar-color:#cbd9d4 transparent;grid-row:2;gap:.25rem;padding:0 1rem .7rem;display:flex;overflow-x:auto}.notification-panel__filters::-webkit-scrollbar{height:0}.notification-panel__filters button{color:#66746f;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;min-height:32px;padding:.35rem .65rem;font-size:.7rem;font-weight:800}.notification-panel__filters button[aria-pressed=true]{color:#174f42;background:#e8f2ef}.notification-panel__status{color:#5f6e69;background:#f8faf9;border-top:1px solid #edf1ef;grid-row:3;margin:0;padding:.65rem 1rem;font-size:.72rem;line-height:1.4}.notification-panel__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cbc5 transparent;border-top:1px solid #edf1ef;grid-row:4;min-height:0;overflow-y:auto}.notification-panel__item{width:100%;min-height:78px;color:inherit;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem 1rem;display:grid;position:relative}.notification-panel__item:hover{background:#f7faf9}.notification-panel__item.is-unread{background:#f0f7f4}.notification-panel__item.is-unavailable{color:#697570;background:#fafbfb}.notification-panel__item:disabled{cursor:default;opacity:.75}.notification-panel__icon{color:#176f5d;background:#e6f1ed;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.notification-panel__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:18px;height:18px}.notification-panel__icon--experiences{color:#7b571d;background:#fff1d9}.notification-panel__icon--safety{color:#8a413b;background:#f8e9e8}.notification-panel__copy{gap:.18rem;min-width:0;display:grid}.notification-panel__copy strong{color:#17221f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-panel__copy>span{color:#65736e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-panel__meta{align-content:center;align-self:stretch;justify-items:end;gap:.45rem;min-width:38px;display:grid}.notification-panel__meta time{color:#82908b;white-space:nowrap;font-size:.62rem}.notification-panel__unread-dot{background:#1f806b;border-radius:50%;width:7px;height:7px}.notification-panel__empty{text-align:center;align-content:center;place-items:center;min-height:210px;padding:1.5rem;display:grid}.notification-panel__empty>span{color:#176f5d;background:#e8f2ef;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:.65rem;display:grid}.notification-panel__empty strong{font-size:.86rem}.notification-panel__empty p{color:#6d7b76;max-width:32ch;margin:.3rem 0 0;font-size:.72rem;line-height:1.45}.notification-panel__footer{background:#fbfcfc;border-top:1px solid #e6ece9;grid-row:5;gap:.35rem;padding:.7rem 1rem .8rem;display:grid}.notification-panel__footer a{color:#176f5d;font-size:.76rem;font-weight:800;text-decoration:none}.notification-panel__footer a:hover{text-underline-offset:3px;text-decoration:underline}.notification-panel__footer small{color:#7b8884;font-size:.62rem}.notification-backdrop{display:none}@media (width<=1120px){.auth-topbar:has(.unified-top-nav) .notification-center{grid-area:1/2;justify-self:end}}@media (width<=620px){.notification-backdrop{z-index:70;background:#121f1b52;display:block;position:fixed;inset:0}.notification-panel{z-index:75;top:0;right:0;bottom:calc(65px + env(safe-area-inset-bottom));width:min(100vw,390px);max-height:none;padding-top:env(safe-area-inset-top);border-top:0;border-bottom:0;border-right:0;border-radius:14px 0 0 14px;position:fixed;box-shadow:-18px 0 45px #142a232e}.notification-panel__header{padding-top:.9rem}.notification-panel__filters{padding-left:.75rem;padding-right:.75rem}.notification-panel__item{min-height:82px;padding-inline:.85rem}html.notification-drawer-open,html.notification-drawer-open body{overscroll-behavior:none;overflow:hidden}}@media (prefers-reduced-motion:reduce){.notification-panel,.notification-backdrop{scroll-behavior:auto}}