.sf-notification{align-items:var(--notification-align-items,center);background:var(--notification-background);border-radius:var(--notification-border-radius,5px);box-shadow:var(--notification-box-shadow,0 4px 11px rgba(var(--c-dark-base),.1));box-sizing:border-box;color:var(--notification-color,var(--c-white));display:flex;font:var(--notification-font,var(--notification-font-weight,var(--font-weight--medium)) var(--notification-font-size,var(--font-size--lg))/var(--notification-font-line-height,normal) var(--notification-font-family,var(--font-family--secondary)));max-width:var(--notification-max-width,20.9375rem);padding:var(--notification-padding,var(--spacer-sm) var(--spacer-xs));position:relative}.sf-notification__title{display:var(--notification-title-display,block);font:var(--notification-title-font,var(--notification-title-font-weight,var(--font-weight--medium)) var(--notification-title-font-size,var(--font-size--lg))/var(--notification-title-font-line-height,normal) var(--notification-title-font-family,var(--font-family--secondary)))}.sf-notification__title:after{content:" "}@media (min-width:1024px){.sf-notification__title:after{content:none}}.sf-notification__message{display:block}.sf-notification__action{color:var(--notification-action-color);display:var(--notification-action-display,none);font:var(--notification-action-font,inherit);-webkit-text-decoration:var(--notification-action-text-decoration,underline);text-decoration:var(--notification-action-text-decoration,underline)}.sf-notification__icon{color:var(--c-white);flex-shrink:0;margin:var(--notification-icon-margin,0 var(--spacer-xs) 0 0)}.sf-notification__close{flex-shrink:0;height:1.5rem;position:absolute;right:var(--notification-close-right,var(--spacer-xs));top:var(--notification-close-top,var(--spacer-xs));width:1.5rem}@media (min-width:1024px){.sf-notification{--notification-max-width:100%;--notification-icon-margin:0 var(--spacer-base) 0 0;--notification-action-display:inline;--notification-close-top:auto;--notification-close-right:var(--spacer-sm)}}.sf-notification.color-black{--notification-background:var(--c-dark)}.sf-notification.color-white{--notification-background:var(--c-white)}.sf-notification.color-primary{--notification-background:var(--c-primary)}.sf-notification.color-secondary{--notification-background:var(--c-secondary)}.sf-notification.color-light{--notification-background:var(--c-light)}.sf-notification.color-dark{--notification-background:var(--c-dark)}.sf-notification.color-info{--notification-background:var(--c-info)}.sf-notification.color-success{--notification-background:var(--c-success)}.sf-notification.color-warning{--notification-background:var(--c-warning)}.sf-notification.color-danger{--notification-background:var(--c-danger)}