.notification{border:1px solid;border-radius:3px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:calc(.5rem - 1px)}.notification.collapsible{padding-right:2rem;position:relative}.notification__content{display:-webkit-flex;display:flex;margin:0;padding:.5rem}.notification__actions{margin-left:auto;padding:.25rem}.notification__action{background:0 0;border:0;color:var(--sib-color_primary-default,#0071c7);cursor:pointer;font:inherit;padding:.25rem;text-transform:uppercase}.notification__action:focus{outline:none}.notification__icon{-webkit-flex-shrink:0;flex-shrink:0;height:1.5em;margin-right:calc(1rem - 1px);width:1.5em}.notification__list{list-style:none;margin:0;padding:0}.notification__item+.notification__item{margin-top:1rem}.notification_info{background-color:var(--sib-color_information-background);border-color:var(--sib-color_information-default)}.notification_info .notification__icon{color:var(--sib-color_primary-graphical,#0092ff)}.notification_success{background-color:var(--sib-color_positive-background,#edfdec);border-color:var(--sib-color_positive-graphical,#17a810)}.notification_success .notification__icon{color:var(--sib-color_positive-default)}.notification_error{background-color:var(--sib-color_negative-background,#fff5f5);border-color:var(--sib-color_negative-default,#e00000)}.notification_error .notification__icon{color:var(--sib-color_negative-default,#e00000)}.notification_warning{background-color:var(--sib-color_warning-background,#fff5eb);border-color:var(--sib-color_warning-graphical,#e07400)}.notification_warning .notification__icon{color:var(--sib-color_warning-graphical,#e07400)}.notification_standalone{text-align:center}.notification_standalone .notification__icon{height:8rem;margin:0 0 2rem;vertical-align:bottom;width:7.5rem}.notification__closer{background:0 0;border:0;color:var(--sib-color_content-secondary,#687484);cursor:pointer;height:1rem;position:absolute;right:.75rem;top:calc(1.125rem + 1px);width:1rem}.notification__closer:focus,.notification__closer.guideflow_hovered{color:var(--sib-color_content-primary,#1f2d3d)}.notification__closer:focus{outline:0}.notification__closer:after,.notification__closer:before{border:solid;border-width:0 0 0 2px;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0}.notification__closer:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.notification__closer:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}