.notification-banner-viewport{inset:calc(max(var(--app-safe-top,0px), env(safe-area-inset-top,0px)) + 12px) 0 auto;z-index:1200;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.notification-banner{--notification-accent:var(--app-info);--notification-secondary:color-mix(in srgb, var(--color-primary) 90%, var(--color-secondary));background:var(--lg-fallback);width:100%;max-width:304px;min-height:62px;box-shadow:var(--lg-shadow);color:var(--color-primary);pointer-events:auto;border-radius:20px;align-items:center;animation:.22s cubic-bezier(.22,1,.36,1) both notification-banner-enter;display:flex;position:relative}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.notification-banner{background:var(--lg-sheen), var(--lg-toast-tint);-webkit-backdrop-filter:var(--lg-filter);backdrop-filter:var(--lg-filter)}}.notification-banner[data-tone=success]{--notification-accent:var(--app-success)}.notification-banner[data-tone=danger]{--notification-accent:var(--app-danger)}.notification-banner[data-phase=exiting]{pointer-events:none;animation:.18s ease-in both notification-banner-exit}.notification-banner__content{text-align:left;border-radius:inherit;flex:1;align-items:center;gap:9px;min-width:0;min-height:60px;padding:10px 0 10px 12px;display:flex}.notification-banner__icon{width:28px;height:28px;color:var(--notification-accent);background:color-mix(in srgb, var(--notification-accent) 12%, transparent);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.notification-banner__icon[data-approval=true]{background:var(--notification-accent);border:0;border-radius:50%}.notification-banner__approval{width:100%;height:100%;display:block}.notification-banner__approval-light{stroke:#ffffff80;stroke-width:1px}.notification-banner__approval-mark{stroke:color-mix(in srgb, var(--notification-accent) 12%, #073b2e);stroke-width:2.8px;stroke-dasharray:1;stroke-dashoffset:0;animation:.2s ease-out .1s both notification-approval-draw}.notification-banner__copy{min-width:0;text-shadow:var(--lg-ink-text);flex-direction:column;flex:1;gap:1px;display:flex}.notification-banner__title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:18px;overflow:hidden}.notification-banner__body{text-overflow:ellipsis;white-space:nowrap;color:var(--notification-secondary);font-size:12px;line-height:17px;overflow:hidden}.notification-banner__actor{color:var(--color-primary);font-weight:600}.notification-banner__close{width:44px;height:44px;color:var(--notification-secondary);border-radius:50%;flex:0 0 44px;place-items:center;margin:0 2px;display:grid}.notification-banner__close:hover{background:var(--app-control)}.notification-banner :is(button):focus-visible{outline:2px solid var(--notification-accent);outline-offset:-3px}@keyframes notification-banner-enter{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notification-banner-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes notification-approval-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.notification-banner,.notification-banner__approval-mark{animation:none}.notification-banner[data-phase=exiting]{animation:.18s linear both notification-banner-fade}@keyframes notification-banner-fade{0%{opacity:1}to{opacity:0}}}@media (prefers-reduced-transparency:reduce){.notification-banner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c20}}@media (prefers-contrast:more){.notification-banner{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c20;box-shadow:inset 0 0 0 1px #ffffff59}.notification-banner__copy{text-shadow:none}}