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