.site-notifications{position:fixed;inset:auto;inset-block-end:max(16px,env(safe-area-inset-bottom));inset-inline-end:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 100px);margin:0;padding:0;border:0;background:transparent;color:#1e2a1e;overflow:visible;z-index:2147483647;pointer-events:none;display:grid;gap:10px;font:14px/1.6 var(--font,"Tajawal","Segoe UI",sans-serif)}.site-notifications::backdrop{display:none}.site-notification{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 12px 14px 16px;background:#fbfef8;border:1px solid #dce6d4;border-inline-start:3px solid #88c540;border-radius:14px;box-shadow:0 8px 28px #0c240e26;pointer-events:none}.site-notification p{margin:0;flex:1;overflow-wrap:anywhere;white-space:pre-line}.site-notification[data-kind=error]{border-inline-start-color:#a64833}.site-notification-close{pointer-events:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#5f6b5f;font:22px/1 sans-serif;cursor:pointer}.site-notification-close:hover{background:#eaf6dc}.site-notification-close:focus-visible{outline:2px solid #236324;outline-offset:2px}@media(max-width:480px){.site-notifications{inset-block-end:max(12px,env(safe-area-inset-bottom));inset-inline-end:max(12px,env(safe-area-inset-left),env(safe-area-inset-right));width:min(280px,78vw);max-height:min(280px,40dvh);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;gap:8px;font-size:13px}.site-notification{box-sizing:border-box;padding:10px;gap:8px;pointer-events:auto}.site-notification p{max-height:160px;overflow:auto}.site-notification-close{width:28px;height:28px}}