.notification{display:block;margin:0 0 1rem;position:relative;z-index:5}.notification dialog,.notification:not(:has(dialog)){background:#fff;border:1px solid var(--border-color,rgba(0,0,0,.1));border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06);padding:.75rem 2.75rem .75rem .75rem;position:relative}.notifications-overlay{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;left:0;pointer-events:none;position:fixed;right:0;top:calc(var(--masthead-height, 72px) + 16px);z-index:2000}.notifications-overlay .notification,.notifications-overlay .notification dialog{pointer-events:auto}.notifications-overlay .notification{display:inline-block;width:auto}.notification dialog{max-width:67.5rem;width:100%}.notifications-overlay .notification dialog{display:inline-block;margin:0 16px;max-width:90vw;width:48rem}.notification__title{margin:0 0 .25rem}.notification__message{line-height:1.5}.notification__message p:last-child{margin:0}.notification__header{align-items:center;display:flex;gap:10px;margin:0 0 4px}.notification__icon{flex:0 0 auto;height:20px;position:relative;top:-1px;width:20px}.notification__title{display:inline-block;font-weight:700}.notification__close{background:transparent url(../../../Assets/Cross-34af13713a.svg) no-repeat 50%;background-size:1.25rem;border:0;cursor:pointer;height:2.75rem;margin:0;position:absolute;right:0;top:0;width:2.75rem}.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}