notification-element{font-family:RobotoRegular,sans-serif;font-size:1rem;line-height:1.375rem;padding:16px 16px 16px 64px;border-top:2px solid transparent;display:block;position:relative}
notification-element .badge{position:absolute;top:0;left:16px;padding:16px 8px 8px;border-radius:0 0 16px 16px}
notification-element .badge svg.icon{display:block;width:16px;height:16px;fill:currentColor}
notification-element.alert{background:var(--surface-warningContrastInverted);border-top-color:var(--line-warning)}
notification-element.alert .badge{background:var(--surface-warningContrast)}
notification-element.alert .badge svg.icon{color:var(--componentSpecific-iconWarningRegular)}
notification-element.error{background:var(--surface-errorContrastInverted);border-top-color:var(--line-error)}
notification-element.error .badge{background:var(--surface-errorContrast)}
notification-element.error svg.icon{color:var(--icon-white)}
notification-element.info{background:var(--surface-infoContrastInverted);border-top-color:var(--line-info)}
notification-element.info .badge{background:var(--surface-infoContrast)}
notification-element.info .badge svg.icon{color:var(--icon-white)}