.notification{--bg-colour:#edf2f8;background-color:var(--bg-colour);--notification-icon-colour:#1c62a7;--border-colour:#1c62a7;border-left:.25rem solid var(--border-colour);color:#13161c;justify-content:space-between;width:100%;min-width:16rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.notification:focus:not(:focus-visible){outline:0}.notification.card .notificationHeader{flex-wrap:nowrap;align-items:flex-start}.notification.card .notificationContent{flex-direction:column}.notification.card .notificationIcon{margin:.125rem 0 0}.notification.card .notificationDescription,.notification.card .notificationAction{width:100%}.notification.inline .notificationHeader{flex-wrap:nowrap}.notification.inline .notificationClose{margin-left:.5rem}.notification.inline .notificationClose .clickable{align-self:center}.notificationIcon{flex:0 0 1.0625rem;width:1.0625rem;height:1.0625rem}@media (min-width:56.5625rem){.notification{padding:1rem 1.25rem;font-size:1rem}.notificationIcon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}}.notificationAction .clickable{font-size:.875rem}@media (min-width:56.5625rem){.notificationAction .clickable{font-size:1rem}}.notificationHeader{flex-wrap:wrap;flex-grow:1;align-items:center;gap:.5rem;display:flex}.notificationContent{gap:.5rem;display:flex}.notificationDescription{color:#393a42;font-weight:400}.notification .notificationIcon{color:var(--notification-icon-colour)}.notificationClose{display:flex}.notificationClose .clickable{background-color:var(--bg-colour);color:#393a42;border:none;align-self:flex-start;padding:0!important}.notificationClose svg{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}@media (min-width:56.5625rem){.notificationClose svg{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}}.notification.success{--bg-colour:#eef7f3;--notification-icon-colour:#2a996a;--border-colour:#2a996a}.notification.warning{--bg-colour:#fffbef;--notification-icon-colour:#f63;--border-colour:#f63}.notification.error{--bg-colour:#fcefee;--notification-icon-colour:#ac1d1b;--border-colour:#ac1d1b}