@charset "UTF-8";.c-ecowattComplete .is-normal{--ecowattComplete-bg:var(--nj-semantic-color-background-status-planet-tertiary-default);--ecowattComplete-icon:var(--nj-semantic-color-icon-status-success-primary-default);--ecowattComplete-border:var(--nj-semantic-color-border-status-success-strong-default);--ecowattComplete-text:var(--nj-semantic-color-background-status-success-solid-hovered);--ecowattComplete-legend:var(--nj-core-color-green-500)}
.c-ecowattComplete .is-warning{--ecowattComplete-bg:var(--nj-semantic-color-background-status-warning-tertiary-default);--ecowattComplete-icon:var(--nj-core-color-orange-500);--ecowattComplete-border:var(--nj-semantic-color-border-status-warning-strong-default);--ecowattComplete-text:var(--nj-semantic-color-text-status-warning-primary-default);--ecowattComplete-legend:var(--nj-core-color-orange-500)}
.c-ecowattComplete .is-danger{--ecowattComplete-bg:var(--nj-semantic-color-background-status-danger-tertiary-default);--ecowattComplete-icon:var(--nj-semantic-color-border-accent-red-strong-hovered);--ecowattComplete-border:var(--nj-semantic-color-border-accent-red-strong-hovered);--ecowattComplete-text:var(--nj-semantic-color-background-status-danger-solid-default);--ecowattComplete-legend:var(--nj-core-color-red-700)}
.c-ecowattComplete .is-pending{--ecowattComplete-bg:var(--nj-semantic-color-background-neutral-secondary-default);--ecowattComplete-icon:var(--nj-semantic-color-border-neutral-strong-default);--ecowattComplete-border:var(--nj-semantic-color-border-neutral-strong-default);--ecowattComplete-text:var(--nj-semantic-color-text-neutral-primary-default);--ecowattComplete-legend:var(--nj-semantic-color-text-neutral-tertiary-default)}
.c-ecowattComplete__tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-y-s)}
.c-ecowattComplete__tab{position:relative;display:block;padding:var(--spacing-y-xs);height:100%;color:var(--nj-semantic-color-text-neutral-primary-default);box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);font-size:var(--font-size-xs);text-decoration:none}
.c-ecowattComplete__tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid transparent;background-color:var(--ecowattComplete-bg)}
.c-ecowattComplete__tab .c-ecowattSvg{flex-shrink:0}
.c-ecowattComplete__tab .c-ecowattSvg__bg{fill:var(--ecowattComplete-icon)}
.no-touchevents .c-ecowattComplete__tab:hover,.no-js .c-ecowattComplete__tab:hover,.c-ecowattComplete__tab.is-active{color:var(--nj-semantic-color-text-neutral-primary-default)}
.no-touchevents .c-ecowattComplete__tab:hover:before,.no-js .c-ecowattComplete__tab:hover:before,.c-ecowattComplete__tab.is-active:before{border-color:var(--ecowattComplete-border)}
.c-ecowattComplete__tabWrapper{position:relative;z-index:1}
.c-ecowattComplete__tabHeader{display:flex;align-items:center;margin-bottom:var(--spacing-y-xxs)}
.c-ecowattComplete__tabHeading{margin-left:var(--spacing-x-xxs)}
.c-ecowattComplete__tabTitle,.c-ecowattComplete__tabSubtitle,.c-ecowattComplete__tabText{display:block}
.c-ecowattComplete__tabText{text-align:center}
@keyframes panelAnim{from{opacity:0;transform:translateY(-10px)}
}
.c-ecowattComplete__panel{padding-top:45px}
.c-ecowattComplete__panel:not(.is-opened){position:absolute;left:0;right:0;top:0;z-index:-1;opacity:0;visibility:hidden;transform:scale(0)}
.c-ecowattComplete__panel.is-opened{animation:.25s panelAnim ease-in-out forwards}
.c-ecowattComplete__panelTitle b{color:var(--ecowattComplete-text)}
.c-ecowattComplete__panelTitle{text-align:center}
.c-ecowattComplete__legend{margin-bottom:var(--spacing-y-xs)}
.c-ecowattComplete__time{margin:var(--spacing-y-s) auto 0;padding-bottom:var(--spacing-y-xl);max-width:480px}
.c-ecowattComplete__timeBar{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:1px}
.c-ecowattComplete__step,.c-ecowattComplete__expPicto{background-color:var(--ecowattComplete-legend);background-position:center center;background-repeat:no-repeat}
.c-ecowattComplete__step.is-warning,.c-ecowattComplete__expPicto.is-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuMTEzIDEwLjk5OUg2LjV2NS4yMzRsNy4zODctOS4yMzRIMTAuNVYxLjc2NWwtNy4zODcgOS4yMzRabTQuNzItMS4zMzRINS44ODdsMy4yOC00LjF2Mi43NjdoMS45NDZsLTMuMjggNC4xVjkuNjY1WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)}
.c-ecowattComplete__step.is-danger,.c-ecowattComplete__expPicto.is-danger{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSAxMC45OTlIMy4xMTNMMTAuNSAxLjc2NXY1LjIzNGgzLjM4N0w2LjUgMTYuMjMzdi01LjIzNFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}
.c-ecowattComplete__step{position:relative;height:20px;font-size:var(--font-size-xxs);background-size:11px 11px}
.c-ecowattComplete__step:first-child{border-radius:50% 0 0 50%}
.c-ecowattComplete__step:last-child{border-radius:0 50% 50% 0}
.c-ecowattComplete__stepMsg{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.c-ecowattComplete__stepH,.c-ecowattComplete__stepHLast{position:absolute;top:calc(100% + 10px)}
.c-ecowattComplete__exp{margin:0 auto;max-width:505px}
.c-ecowattComplete__expList{display:grid;gap:var(--spacing-y-xxs);border-top:1px solid var(--nj-semantic-color-text-neutral-primary-default);padding-top:var(--spacing-y-xs)}
.c-ecowattComplete__expItem{display:flex;align-items:center;gap:var(--spacing-x-xxs);font-size:var(--font-size-xs)}
.c-ecowattComplete__expPicto{flex-shrink:0;width:15px;height:15px;border-radius:50%;background-color:var(--ecowattComplete-icon);background-size:15px 15px}
@media(max-width:47.99em){.c-ecowattComplete__tabs{padding:0 var(--spacing-x-s)}
.c-ecowattComplete__tab{transform-origin:bottom right;transition:transform .2s ease-in-out}
.c-ecowattComplete__tab:before{transition:border-color .2s ease-in-out}
.c-ecowattComplete__tab.is-active{transform:scale(1.08)}
.c-ecowattComplete__item:nth-child(2) .c-ecowattComplete__tab{transform-origin:bottom left}
.c-ecowattComplete__item:nth-child(3) .c-ecowattComplete__tab{transform-origin:top right}
.c-ecowattComplete__item:nth-child(4) .c-ecowattComplete__tab{transform-origin:top left}
.c-ecowattComplete__step:not(:nth-child(4n+1)) .c-ecowattComplete__stepH{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.c-ecowattComplete__stepH,.c-ecowattComplete__stepHLast{left:50%;transform:translate(-50%,-50%)}
}
@media(min-width:48em){.c-ecowattComplete__tabs{grid-template-columns:1fr 1fr 1fr 1fr}
.c-ecowattComplete__tab{padding:var(--spacing-y-l) var(--spacing-x-s)}
.c-ecowattComplete__tab:before{transition:border-color .2s ease-in-out,transform .2s ease-in-out}
.c-ecowattComplete__tab.is-active:before{transform:scale(1.07,1.2)}
.c-ecowattComplete__tabHeader{margin-bottom:var(--spacing-y-xs)}
.c-ecowattComplete__tabHeading{margin-left:var(--spacing-x-xs)}
.c-ecowattComplete__tabTitle{font-size:var(--font-size-s)}
.c-ecowattComplete__panel{padding-top:var(--spacing-y-l)}
.c-ecowattComplete__panelTitle b{font-size:var(--font-size-m)}
.c-ecowattComplete__step{font-size:var(--font-size-xs);background-size:16px 16px}
.c-ecowattComplete__step:nth-child(even) .c-ecowattComplete__stepH{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}
.c-ecowattComplete__stepH{left:0;transform:translate(-50%)}
.c-ecowattComplete__stepHLast{right:0;transform:translate(50%)}
.c-ecowattComplete__time{padding-bottom:var(--spacing-y-l)}
.c-ecowattComplete__exp{margin-top:var(--spacing-y-m)}
.c-ecowattComplete__expList{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-x-s)}
}