@layer components{#global-notification__root{position:fixed;bottom:1rem;left:2rem}.notification__wrapper{margin-bottom:2rem 0;border:1px solid #0000;flex-direction:row;display:flex}.notification__wrapper.global{position:fixed;bottom:1rem;left:2rem}.notification__icon-side{background-color:#297bcb}.notification__icon{color:#fff;z-index:1;margin:16px 8px;position:relative}.notification__icon:before{content:"";z-index:-1;background-color:#000;width:4px;height:12px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notification__content-side{white-space:pre-wrap;flex-direction:column;flex-grow:1;justify-content:center;margin:16px;display:flex}.notification__header{font-weight:700;line-height:24px}.notification--info{background-color:#ddeaf7;border-color:#297bcb}.notification--info .notification__icon-side{background-color:#297bcb}.notification--success{background-color:#daeddd;border-color:#108c22}.notification--success .notification__icon-side{background-color:#056d13}.notification--success .notification__icon:before{width:15px;height:12px}.notification--attention{background-color:#f9e8b0;border-color:#9e7900}.notification--attention .notification__icon-side{background-color:#795d00}.notification--warning{background-color:#fbe5cd;border-color:#b86c17}.notification--warning .notification__icon-side{background-color:#8e5312}.notification--warning .notification__icon:before{height:12px;top:55%}.notification--error,.notification--critical{background-color:#f8e4e4;border-color:#ce4d4d}.notification--error .notification__icon-side,.notification--critical .notification__icon-side{background-color:#b81a1a}.notification--error .notification__icon:before,.notification--critical .notification__icon:before{width:12px;height:12px}}