.notification-region--matter .notification-activation-slot,.notification-region--matter .notification-success{height:88px;min-height:88px}.notification-region--matter .notification-activation-slot{place-items:center;display:grid}.notification-region--matter .notification-success{width:100%}.matter-success{contain:layout paint;pointer-events:none;width:100%;height:88px;position:relative;overflow:hidden}.matter-canvas{width:100%;height:88px;display:block}.matter-static-check{filter:drop-shadow(0 2px 3px #f17b2826);position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.matter-caption{text-align:center;color:#f7f3ec;opacity:0;min-height:20px;font-size:13px;font-weight:600;line-height:20px;position:absolute;bottom:0;left:0;right:0}.notification-region{--notice-orange:#f58b42;color:var(--flow-text,#f7f3ec);text-align:left;margin-block:16px}.notification-expand{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .26s,opacity .2s;display:grid}.notification-expand[data-collapsed=true]{opacity:0;grid-template-rows:0fr}.notification-expand-inner{min-height:0;overflow:hidden}.notification-invite{border:1px solid var(--flow-line,#ffffff13);background:var(--flow-surface,#222327c7);box-shadow:var(--flow-surface-reflection,inset 0 1px 0 #ffffff09);border-radius:22px;padding:18px}.notification-copy strong{font-size:14px;font-weight:600;line-height:1.5;display:block}.notification-copy p{max-width:none;color:var(--flow-muted,#b0ada8);margin:8px 0 16px;font-size:13px;line-height:1.6}.notification-activation-slot{min-height:48px;position:relative}.notification-region button.notification-button{color:#f7f3ec;cursor:pointer;touch-action:manipulation;background:#303136;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:220px;max-width:100%;height:48px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.5;display:flex;box-shadow:inset 0 1px #ffffff0f}.notification-region button.notification-button:hover:not(:disabled){background:#393a40}.notification-region button.notification-button:disabled{opacity:.65;cursor:wait}.notification-region :is(button,summary):focus-visible{outline:2px solid var(--notice-orange);outline-offset:3px}.notification-spinner{width:16px;height:16px;animation:.9s linear infinite notice-spin}.notification-help{color:#b0ada8;padding-top:16px;font-size:13px;line-height:1.6}.notification-help ol,.notification-compact ol{margin:0;padding-inline-start:20px}.notification-help li+li,.notification-compact li+li{margin-top:8px}.notification-help p{color:#b0ada8;margin:12px 0;font-size:12px}.notification-region button.notification-recheck{color:#f7f3ec;cursor:pointer;text-align:left;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:13px}.notification-success{height:48px;position:relative}.notification-morph{background:#303136;border-radius:24px;width:220px;max-width:100%;height:48px;animation:1.6s both notice-morph;position:absolute;inset:0 auto 0 0;overflow:hidden}.notification-light-left,.notification-light-right{background:linear-gradient(90deg,#0000,#f58b42);width:50%;animation:1.6s both notice-light-left;position:absolute;inset:0 auto 0 0}.notification-light-right{background:linear-gradient(270deg,#0000,#f58b42);animation-name:notice-light-right;inset:0 0 0 auto}.notification-success-circle{color:#16100c;background:var(--notice-orange);border-radius:50%;place-items:center;width:48px;height:48px;animation:1.6s both notice-check;display:grid;position:absolute;top:0;left:0;box-shadow:0 3px 10px #f17b283d,inset 0 1px #ffffff2e}.notification-success-circle svg{width:24px;height:24px}.notification-success-caption{color:#f7f3ec;align-items:center;min-height:48px;margin-inline-start:60px;font-size:13px;font-weight:600;line-height:1.5;animation:1.6s both notice-caption;display:flex}.notification-compact{color:#b0ada8;margin:0;font-size:12px}.notification-compact summary{color:#e8ac7d;cursor:pointer;align-items:center;gap:8px;width:fit-content;min-height:44px;list-style:none;display:flex}.notification-compact summary::-webkit-details-marker{display:none}.notification-compact summary>svg{width:14px;height:14px}.notification-small-check{color:#16100c;background:#f58b42;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.notification-small-check svg{width:14px;height:14px}.notification-compact p{color:#b0ada8;margin:8px 0 12px;font-size:12px;line-height:1.6}.notification-compact ol{padding-bottom:12px;line-height:1.6}.notification-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes notice-spin{to{transform:rotate(360deg)}}@keyframes notice-light-left{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}38%{opacity:1;transform:translate(0)}50%,to{opacity:0;transform:translate(0)}}@keyframes notice-light-right{0%{opacity:0;transform:translate(100%)}10%{opacity:1}38%{opacity:1;transform:translate(0)}50%,to{opacity:0;transform:translate(0)}}@keyframes notice-morph{0%,38%{clip-path:inset(0 round 24px);background:#303136;transform:translate(0)}68%{clip-path:inset(0 calc(50% - 24px) round 24px);background:#f58b42;transform:translate(0)}88%,to{clip-path:inset(0 calc(50% - 24px) round 24px);background:#f58b42;transform:translate(calc(24px - 50%))}}@keyframes notice-check{0%,86%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes notice-caption{0%,86%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.notification-expand{transition:none}.notification-spinner{animation:none}.notification-morph,.notification-light-left,.notification-light-right{animation:none;display:none}.notification-success-circle,.notification-success-caption{animation:none}}@media (prefers-reduced-transparency:reduce){.notification-invite{background:var(--flow-surface,#1f2023)}}