.notification{position:relative;padding:var(--spacer-16);font-size:var(--font-size-14);color:var(--color-midnight);background-color:var(--color-lightgrey)}.notification-close{position:absolute;top:var(--spacer-8);right:var(--spacer-8);display:inline-flex;justify-content:center;align-items:center;padding:var(--spacer-8);font:inherit;text-decoration:none;color:inherit;background:transparent;border:0;transition:color var(--duration-short) ease;-webkit-appearance:none;appearance:none;cursor:pointer}.notification-close svg{stroke:currentColor}.notification-heading{margin-top:0;margin-bottom:var(--spacer-8);font-family:var(--font-heading-family);font-size:var(--font-size-14)!important;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-transform:var(--font-heading-transform)}.notification-content>*{margin-top:0;margin-bottom:var(--spacer-8)}.notification-content>:first-child{margin-top:0}.notification-content>:last-child{margin-bottom:0}.notification-content ul{padding-left:1.4rem!important}.notification a{position:relative;display:inline-block;text-decoration:none;font-weight:var(--font-body-weight-medium);color:inherit}.notification a:after{content:"";position:absolute;left:0;right:0;height:1px;bottom:-1px;background-color:var(--color-midnight);transition:transform var(--duration-default) cubic-bezier(.25,.1,.25,1),background-color var(--duration-default) cubic-bezier(.25,.1,.25,1);transform:scaleX(0);transform-origin:right;pointer-events:none}.notification a:hover,.notification a:focus{text-decoration:none}.notification a:hover:after,.notification a:focus:after{transform-origin:left;transform:scaleX(1)}.notification--dark{color:var(--color-white);background-color:var(--color-midnight)}.notification--error{color:var(--color-white);background-color:var(--color-red)}.notification--dark a:after,.notification--error a:after{background-color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/214/assets/fostr-component-notification.css.map */