.notification{position:relative;display:block;z-index:5}.notification:not(:has(dialog)),.notification:has(dialog) dialog{color:var(--greyColor20);padding:1rem;box-shadow:var(--boxShadow1),var(--boxShadow2);border-radius:var(--borderRadius);border-width:1px;border-style:solid;background-size:1.5rem;background-position:1rem 1rem;background-repeat:no-repeat;font-size:1rem;line-height:1.5rem}.notification:has(dialog) dialog{width:100%;max-width:35rem}.notification__message,.notification__title{margin-top:0;margin-right:1.5rem;margin-left:2rem}.notification__title:has(+.notification__message){font-weight:700}.notification__title+.notification__message{margin-top:1rem;margin-left:0;margin-right:0}.notification__message p:last-child{margin:0}.notification__close{width:1rem;height:1rem;position:absolute;right:1rem;top:1rem;border:0;margin:0;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIGQ9Ik0xNS4yOTMgMS42MTMgOC45MDYgOGw2LjM4NyA2LjM4Ny0uOTA2LjkwNkw4IDguOTA2bC02LjM4NyA2LjM4Ny0uOTA2LS45MDZMNy4wOTQgOCAuNzA3IDEuNjEzbC45MDYtLjkwNkw4IDcuMDk0IDE0LjM4Ny43MDd6Ii8+PC9zdmc+) no-repeat center center;cursor:pointer}.notification:not(:has(dialog)),.notification:has(dialog) dialog{border:none;background-image:none;box-shadow:var(--boxShadow1),var(--boxShadow2)}.notification.notification--error:not(:has(dialog)),.notification.notification--error:has(dialog) dialog{background-color:var(--redColor200);background-image:url("./Images/Error-GCQ2ZAQN.svg")}.notification.notification--info:not(:has(dialog)),.notification.notification--info:has(dialog) dialog{background-color:var(--blueColor200);background-image:url("./Images/Info-Q3CGXGLW.svg")}.notification.notification--success:not(:has(dialog)),.notification.notification--success:has(dialog) dialog{background-color:var(--greenColor200);background-image:url("./Images/Success-EELKIOVR.svg")}.notification.notification--warning:not(:has(dialog)),.notification.notification--warning:has(dialog) dialog{background-color:var(--yellowColor200);background-image:url("./Images/Warning-YTNCLDEJ.svg")}