@charset "UTF-8";.c-ecoInfoPush{padding-top:var(--spacing-x-s)}
.c-ecoInfoPush__wrapper{margin-left:15px;position:relative;min-height:127px;padding:var(--spacing-y-l) var(--spacing-x-s);background-color:var(--nj-semantic-color-background-status-planet-tertiary-default);border-radius:10px;display:flex;flex-direction:column}
.c-ecoInfoPush__image{border-radius:10px 10px 0 10px;width:236px;height:124px !important}
.c-ecoInfoPush__header{position:relative;margin-top:-35px;margin-left:-30px}
.c-ecoInfoPush__bubble{padding:var(--spacing-y-xxs) var(--spacing-x-xs);z-index:1;font-size:var(--font-size-xxs);color:var(--nj-semantic-color-background-neutral-primary-default);position:absolute;transition:opacity 600ms ease-out;top:10px;left:196px}
.c-ecoInfoPush__bubble span{display:block;transition:transform 600ms ease-out}
.c-ecoInfoPush__bubble::before{content:"";position:absolute;border-radius:10px 10px 10px 0;will-change:width;width:100%;top:0;bottom:0;left:0;z-index:-1;background-color:var(--nj-semantic-color-background-status-planet-solid-default);transition:width 600ms ease-out}
.c-ecoInfoPush__contentWrapper{flex-grow:1;padding-top:var(--spacing-y-s);display:flex;flex-direction:column;gap:var(--spacing-y-l)}
.c-ecoInfoPush__title{font-size:var(--font-size-l);margin-bottom:var(--spacing-y-xxs);font-weight:700}
.c-ecoInfoPush__cta{max-height:44px;place-self:flex-start}
.c-ecoInfoPush__cta svg{fill:var(--nj-semantic-color-background-neutral-primary-default)}
@media(prefers-reduced-motion:no-preference){.c-ecoInfoPush.is-intersecting .c-ecoInfoPush__bubble{opacity:1}
.c-ecoInfoPush.is-intersecting .c-ecoInfoPush__bubble::before{width:100%}
.c-ecoInfoPush.is-intersecting .c-ecoInfoPush__bubble span{transform:translateX(0)}
.c-ecoInfoPush__bubble{opacity:0}
.c-ecoInfoPush__bubble::before{width:0}
.c-ecoInfoPush__bubble span{transform:translateX(-10px)}
}
@media(min-width:48em){.c-ecoInfoPush__wrapper{padding:var(--spacing-y-l);flex-direction:row}
.c-ecoInfoPush__bubble{left:auto;right:30px;transform:translateX(100%);width:max-content}
.c-ecoInfoPush__image{object-fit:cover;width:124px;height:124px !important}
.c-ecoInfoPush__header{flex-shrink:0;margin-left:-45px;margin-top:-45px}
.c-ecoInfoPush__content{flex-grow:1}
.c-ecoInfoPush__contentWrapper{padding-top:0;padding-left:var(--spacing-x-s);flex-direction:row;align-items:center}
.c-ecoInfoPush__cta{align-self:center}
@container(max-width:48em){.c-ecoInfoPush__contentWrapper{flex-direction:column;gap:var(--spacing-y-s)}
.c-ecoInfoPush__cta{align-self:flex-start}
}
}