.experimental-notifications{--exp-notif-glass-blur:var(--depth-glass-blur,var(--depth-overlay-blur,14px));--exp-notif-cluster-radius:var(--meetza-cluster-radius,var(--radius));position:relative}.experimental-notifications .ds-notifications-shell{display:grid;gap:var(--depth-cluster-gap,12px);border-radius:var(--meetza-plastic-radius,var(--exp-notif-cluster-radius));background:var(--depth-glass-fill,var(--raised));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--ribbon-edge) 65%,var(--line)));backdrop-filter:blur(var(--exp-notif-glass-blur));-webkit-backdrop-filter:blur(var(--exp-notif-glass-blur));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 var(--depth-glow-blur,0) var(--depth-glow-spread,0) var(--depth-glow-recent,transparent),var(--depth-plastic-shadow,none);padding:12px}.experimental-notifications--compact .ds-notifications-shell{gap:var(--working-gap,8px);padding:8px}.experimental-notifications .ds-notifications-group{padding:12px;border-radius:var(--exp-notif-cluster-radius,var(--radius));background:var(--depth-glass-fill,color-mix(in srgb,var(--ribbon-surface,var(--raised)) 70%,transparent));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--accent) 14%,var(--line)));backdrop-filter:blur(var(--exp-notif-glass-blur));-webkit-backdrop-filter:blur(var(--exp-notif-glass-blur));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notifications-group--attention{border-color:color-mix(in srgb,var(--accent) 40%,var(--depth-glass-edge,var(--line)));background:radial-gradient(ellipse 95% 75% at 10% -4%,color-mix(in srgb,var(--depth-glow-important,transparent) 68%,transparent),transparent 64%),var(--depth-glass-fill,color-mix(in srgb,var(--ribbon-selected,var(--raised)) 52%,transparent));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 calc(var(--depth-glow-blur, 0) + 4px) calc(var(--depth-glow-spread, 0) + 1px) var(--depth-glow-important,transparent),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notifications-group--attention .ds-notifications-group__title{color:color-mix(in srgb,var(--accent) 72%,var(--accent-text,var(--ink)))}.experimental-notifications .ds-notifications-group--recent{gap:var(--depth-cluster-gap,8px);border-color:color-mix(in srgb,var(--blue,#68a3ff) 34%,var(--depth-glass-edge,var(--line)));background:radial-gradient(ellipse 95% 75% at 90% 4%,color-mix(in srgb,var(--depth-glow-recent,transparent) 62%,transparent),transparent 64%),var(--depth-glass-fill,color-mix(in srgb,var(--ribbon-surface,var(--raised)) 68%,transparent));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 calc(var(--depth-glow-blur, 0) + 4px) calc(var(--depth-glow-spread, 0) + 1px) var(--depth-glow-recent,transparent),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notifications-group--recent .ds-notifications-group__title{color:color-mix(in srgb,var(--blue,#68a3ff) 70%,var(--accent-text,var(--ink)))}.experimental-notifications .ds-notifications-filter .ds-ribbon--connected,.experimental-notifications .ds-notifications-filter.ds-ribbon--connected{width:100%}.experimental-notifications .ds-notifications-filter .ds-ribbon__segment.is-selected{box-shadow:var(--ribbon-active-blob,none)}.experimental-notifications .ds-notifications-list{gap:8px}.experimental-notifications .ds-notification-item{border-bottom:0;padding:0;border-radius:var(--exp-notif-cluster-radius,14px);background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 62%,transparent));border:1px solid var(--depth-glass-edge,color-mix(in srgb,var(--line) 70%,transparent));backdrop-filter:blur(var(--exp-notif-glass-blur));-webkit-backdrop-filter:blur(var(--exp-notif-glass-blur));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notification-item__main{padding:12px 10px;border-radius:var(--exp-notif-cluster-radius,14px)}.experimental-notifications .ds-notification-item__main:hover{background:color-mix(in srgb,var(--raised) 42%,transparent)}.experimental-notifications .ds-notification-item.is-unread{border-color:color-mix(in srgb,var(--pink,#ff4a92) 40%,var(--depth-glass-edge,var(--line)))}.experimental-notifications .ds-notification-item.is-unread:not(.is-attention) .ds-notification-item__type{color:var(--pink,#ff4a92);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--pink,#ff4a92) 45%,transparent))}.experimental-notifications .ds-notification-item.is-attention{border-color:color-mix(in srgb,var(--accent) 42%,var(--depth-glass-edge,var(--line)));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 var(--depth-glow-blur,0) var(--depth-glow-spread,0) color-mix(in srgb,var(--depth-glow-important,transparent) 70%,transparent),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notification-item.is-attention .ds-notification-item__type{color:var(--accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--depth-glow-important,transparent) 80%,transparent))}.experimental-notifications .ds-notification-item.is-read:not(.is-attention),.experimental-notifications .ds-notification-item.is-resolved{opacity:.92;background:color-mix(in srgb,var(--depth-glass-fill,var(--raised)) 72%,transparent)}.experimental-notifications .ds-notification-item.is-recent:not(.is-attention){box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 var(--depth-glow-blur,0) var(--depth-glow-spread,0) color-mix(in srgb,var(--depth-glow-recent,transparent) 55%,transparent),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notification-item__mark{box-shadow:none;background:transparent;min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px)}.experimental-notifications [data-testid=notifications-mark-all-read],.experimental-notifications [data-testid=notifications-retry]{border-radius:var(--ribbon-radius,999px);background:var(--depth-glass-fill,transparent);border:1px solid var(--depth-glass-edge,var(--line));box-shadow:none;min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px)}.experimental-notifications .inbox-rsvp-actions{gap:8px;padding:0 10px 10px}.experimental-notifications .inbox-rsvp-actions .icon-control{min-width:var(--control-min-target,44px);min-height:var(--control-min-target,44px);width:48px;height:48px;border-radius:14px;background:var(--depth-glass-fill,color-mix(in srgb,var(--raised) 55%,transparent));border:1px solid var(--depth-glass-edge,transparent);color:var(--ink);box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 10%,transparent)}.experimental-notifications .inbox-rsvp-actions [data-testid=inbox-rsvp-going].is-active{color:#20150b;background:color-mix(in srgb,var(--accent) 90%,var(--raised));border-color:transparent;box-shadow:0 0 calc(var(--depth-glow-blur, 0) + 6px) calc(var(--depth-glow-spread, 0) + 2px) var(--depth-glow-important,transparent),var(--depth-cta-glow,none)}.experimental-notifications .inbox-rsvp-actions .icon-control.is-active:not([data-testid=inbox-rsvp-going]){background:color-mix(in srgb,var(--ink) 88%,var(--raised));color:var(--bg);border-color:transparent;box-shadow:0 4px 10px color-mix(in srgb,var(--ink) 12%,transparent)}.experimental-notifications .ds-notifications-shell:not(.ds-reduced-motion) .ds-notification-item,.experimental-notifications:not(.ds-reduced-motion) .ds-notification-item{transition:opacity var(--motion-surface-enter,.18s) var(--motion-easing-standard,ease),transform var(--motion-context-change,.22s) var(--motion-easing-standard,ease),box-shadow var(--motion-control-feedback,.12s) var(--motion-easing-standard,ease)}.experimental-notifications .ds-notifications-shell:not(.ds-reduced-motion) .ds-notification-item__main:active,.experimental-notifications:not(.ds-reduced-motion) .ds-notification-item__main:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.experimental-notifications .ds-notification-item.is-attention,.experimental-notifications .ds-notification-item.is-recent:not(.is-attention),.experimental-notifications .ds-notifications-group--attention,.experimental-notifications .ds-notifications-group--recent,.experimental-notifications .inbox-rsvp-actions [data-testid=inbox-rsvp-going].is-active{box-shadow:inset 0 1px 0 var(--depth-glass-inset,transparent),var(--depth-plastic-shadow,none)}.experimental-notifications .ds-notification-item,.experimental-notifications .ds-notification-item__main{transition:none}.experimental-notifications .ds-notification-item__main:active{transform:none}}.experimental-notifications .ds-notifications-shell.ds-reduced-motion .ds-notification-item__main:active,.experimental-notifications .ds-reduced-motion .ds-notification-item__main:active{transform:none}.experimental-notifications .ds-reduced-motion .ds-notification-item.is-attention,.experimental-notifications .ds-reduced-motion .ds-notifications-group--attention,.experimental-notifications .ds-reduced-motion .ds-notifications-group--recent,.experimental-notifications .ds-reduced-motion .inbox-rsvp-actions [data-testid=inbox-rsvp-going].is-active{box-shadow:inset 0 1px 0 var(--depth-glass-inset,transparent),var(--depth-plastic-shadow,none)}.inbox-panel.ds-notifications-panel:has(.experimental-notifications){background:var(--depth-glass-fill,color-mix(in srgb,var(--surface) 78%,transparent));border:1px solid var(--depth-glass-edge,transparent);backdrop-filter:blur(var(--exp-notif-glass-blur,var(--meetza-glass-blur,14px)));-webkit-backdrop-filter:blur(var(--exp-notif-glass-blur,var(--meetza-glass-blur,14px)));box-shadow:inset 0 1px 0 var(--depth-glass-inset,var(--depth-surface-inset,transparent)),0 0 var(--depth-glow-blur,0) var(--depth-glow-spread,0) color-mix(in srgb,var(--depth-glow-recent,transparent) 40%,transparent),var(--depth-plastic-shadow,none)}.inbox-panel.ds-notifications-panel:has(.experimental-notifications) .inbox-panel-footer{background:color-mix(in srgb,var(--depth-glass-fill,var(--surface)) 88%,transparent);backdrop-filter:blur(var(--meetza-overlay-blur,12px));-webkit-backdrop-filter:blur(var(--meetza-overlay-blur,12px));border-top:1px solid var(--depth-glass-edge,transparent)}