:host{display:block}.mch-notification{--mch-notification__font-size:var(--wb-ds-font-size--s);--mch-notification__line-height:var(--wb-ds-line-height--s);--mch-text__bezel-top:var(--wb-ds-space--2xs);--wb-layout__gutter-width:var(--wb-ds-space--2xs);--wb-layout__gutter-height:var(--wb-ds-space--none);--wb-title__bezel-top:0;--wb-title__font-size:var(--mch-notification__font-size);--wb-title__line-height:var(--mch-notification__line-height);--wb-html__font-size:var(--mch-notification__font-size);--wb-html__line-height:var(--mch-notification__line-height);--wb-link__font-size:var(--mch-notification__font-size);--wb-link__line-height:var(--mch-notification__line-height);--wb-link__text-decoration:underline;position:relative;box-shadow:0 4px 10px -1px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--wb-ds-box-shadow--smooth);font-size:var(--mch-notification__font-size);line-height:var(--mch-notification__line-height)}.mch-notification__close-button{position:absolute;right:0;top:0}.mch-notification--info{--wb-box__background:var(--wb-ds-color-info--2x-light);--wb-text__color:var(--wb-ds-color-info--default);--wb-title__color:var(--wb-ds-color-info--default);--wb-html__color:var(--wb-ds-color-info--default);--wb-icon__fill:var(--wb-ds-color-info--default);--wb-link__color:var(--wb-ds-color-info--default);--wb-link__color--hover:var(--wb-ds-color-info--default);color:#1d4ed8;color:var(--wb-ds-color-info--default)}.mch-notification--warning{--wb-box__background:var(--wb-ds-color-warning--light);--wb-text__color:var(--wb-ds-color-warning--default);--wb-title__color:var(--wb-ds-color-warning--default);--wb-html__color:var(--wb-ds-color-warning--default);--wb-icon__fill:var(--wb-ds-color-warning--default);--wb-link__color:var(--wb-ds-color-warning--default);--wb-link__color--hover:var(--wb-ds-color-warning--default);color:#9a3412;color:var(--wb-ds-color-warning--default)}.mch-notification--error{--wb-box__background:var(--wb-ds-color-error--x-light);--wb-text__color:var(--wb-ds-color-error--default);--wb-title__color:var(--wb-ds-color-error--default);--wb-html__color:var(--wb-ds-color-error--default);--wb-icon__fill:var(--wb-ds-color-error--default);--wb-link__color:var(--wb-ds-color-error--default);--wb-link__color--hover:var(--wb-ds-color-error--default);color:#99191e;color:var(--wb-ds-color-error--default)}.mch-notification--success{--wb-box__background:var(--wb-ds-color-success--2x-light);--wb-text__color:var(--wb-ds-color-success--default);--wb-title__color:var(--wb-ds-color-success--default);--wb-html__color:var(--wb-ds-color-success--default);--wb-icon__fill:var(--wb-ds-color-success--default);--wb-link__color:var(--wb-ds-color-success--default);--wb-link__color--hover:var(--wb-ds-color-success--default);color:#065f46;color:var(--wb-ds-color-success--default)}