.notif-flyout-root{top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000}.notif-flyout__scrim{background:transparent;top:0;right:0;bottom:0;left:0;position:absolute}.notif-flyout{display:flex;flex-direction:column;gap:12px;inline-size:380px;inset-block-end:0;inset-block-start:0;inset-inline-start:216px;max-inline-size:calc(100vw - 216px);overflow:visible;padding:12px;position:absolute}.notif-flyout--flush{inset-inline-start:56px}.notif-flyout .notifications-body{border-radius:12px;box-shadow:0 12px 32px #0000002e;flex:1;min-block-size:0}.notif-flyout .notifications-body .ps{flex:1 1 auto;max-block-size:none!important;min-block-size:0}.notif-flyout-enter-active,.notif-flyout-leave-active{transition:opacity .2s ease}.notif-flyout-enter-active .notif-flyout,.notif-flyout-leave-active .notif-flyout{transition:transform .2s ease}.notif-flyout-enter-from,.notif-flyout-leave-to{opacity:0}.notif-flyout-enter-from .notif-flyout,.notif-flyout-leave-to .notif-flyout{transform:translate(-12px)}@media screen and (max-width:1279px){.notif-flyout__scrim{background:#0006}.notif-flyout{inline-size:min(380px,100vw);inset-inline-end:0;inset-inline-start:auto;max-inline-size:100vw}.notif-flyout-enter-from .notif-flyout,.notif-flyout-leave-to .notif-flyout{transform:translate(100%)}}