.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,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjI5MyAxLjYxMzI4TDguOTA2MjUgOEwxNS4yOTMgMTQuMzg2N0wxNC4zODY3IDE1LjI5M0w4IDguOTA2MjVMMS42MTMyOCAxNS4yOTNMMC43MDcwMzEgMTQuMzg2N0w3LjA5Mzc1IDhMMC43MDcwMzEgMS42MTMyOEwxLjYxMzI4IDAuNzA3MDMxTDggNy4wOTM3NUwxNC4zODY3IDAuNzA3MDMxTDE1LjI5MyAxLjYxMzI4WiIgZmlsbD0iIzMzMzMzMyIgc3Ryb2tlPSIjMzMzMzMzIi8+Cjwvc3ZnPgo=) 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-L22SGXSB.svg")}.notification.notification--info:not(:has(dialog)),.notification.notification--info:has(dialog) dialog{background-color:var(--blueColor200);background-image:url("./Images/Info-3LK6HEI4.svg")}.notification.notification--success:not(:has(dialog)),.notification.notification--success:has(dialog) dialog{background-color:var(--greenColor200);background-image:url("./Images/Success-CIRJSQFB.svg")}.notification.notification--warning:not(:has(dialog)),.notification.notification--warning:has(dialog) dialog{background-color:var(--yellowColor200);background-image:url("./Images/Warning-33YY544L.svg")}
