.notification{position:relative;display:block;z-index:5;margin:0 0 1rem}.notification dialog,.notification:not(:has(dialog)){position:relative;padding:.75rem 2.75rem .75rem .75rem;border-radius:12px;border:1px solid var(--border-color,rgba(0,0,0,.1));background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06)}.notifications-overlay{position:fixed;left:0;right:0;top:calc(var(--masthead-height, 72px) + 16px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;z-index:2000;pointer-events:none}.notifications-overlay .notification,.notifications-overlay .notification dialog{pointer-events:auto}.notifications-overlay .notification{display:inline-block;width:auto}.notification dialog{width:100%;max-width:67.5rem}.notifications-overlay .notification dialog{width:48rem;max-width:90vw;display:inline-block;margin:0 16px}.notification__title{margin:0 0 .25rem}.notification__message{line-height:1.5}.notification__message p:last-child{margin:0}.notification__header{display:flex;align-items:center;gap:10px;margin:0 0 4px}.notification__icon{width:20px;height:20px;flex:0 0 auto;position:relative;top:-1px}.notification__title{font-weight:700;display:inline-block}.notification__close{width:2.75rem;height:2.75rem;position:absolute;right:0;top:0;border:0;margin:0;background:transparent url(../../../Assets/Cross-34af13713a.svg) no-repeat 50%;background-size:1.25rem;cursor:pointer}.notification--success dialog{background:#ecfdf5;border-color:#10b981;color:#065f46}.notification--error dialog{background:#fde7ea;border-color:#f5c2c7}.notification--warning dialog{background:#fff9e6;border-color:#ffe8a1}.notification--info dialog{background:#eef7ff;border-color:#b6e0fe}@keyframes notification-in{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.notification[data-notification] dialog[open]{animation:notification-in .26s ease-out both}