{"version":3,"sources":["App.scss"],"names":[],"mappings":"AAQI,0BAHJ,0CAIM,gBAAiB,CAEpB,CAKC,0BAHJ,0CAIM,gBAAiB,CAEpB,CAEH,KACE,YAAa,CAIb,4BAA6B,CAC7B,kBAAoB,CAJpB,0BAFF,KAGI,qBAAsB,CAIzB,CAGC,0BADF,QAEI,QAAO,CAKV,CAHC,0BAJF,QAKI,iBAAkB,CAErB,CACD,qBACE,cAAe,CAChB,yBACkB,GAAK,SAAU,CAAG,IAAM,SAAW,CAAA,CADrD,iBACkB,GAAK,SAAU,CAAG,IAAM,SAAW,CAAA,CACtD,0BACE,GACE,SAAU,CAEZ,IACE,SAAU,CAEZ,GACE,SAAU,CAAA,CARd,kBACE,GACE,SAAU,CAEZ,IACE,SAAU,CAEZ,GACE,SAAU,CAAA,CAId,aAMI,kBAAmB,CACnB,sBAAwB,CACxB,0BAA4B,CAC5B,cAAe,CACf,uBAAyB,CACzB,0CAA4C,CAC5C,2BAA6B,CAC7B,sBAAuB,CAb3B,eAGM,iCAAmC,CACnC,gBAAiB,CAJvB,aAgBI,aAAc,CACd,gBAAiB,CACjB,mCAAqC,CAlBzC,aAqBI,gBAAiB,CACjB,0CAA4C,CAC5C,eAAiB,CACjB,kBAAmB,CACnB,0BAzBJ,aA0BM,iBAAkB,CAClB,qBAA2B,CAE9B,CA7BH,gBA+BI,cAAe,CA/BnB,yBAkCI,mBAAqB,CAlCzB,kBAqCI,oBAAqB,CACrB,iBAAkB,CAClB,UAAW,CACX,oBAAqB,CAIrB,qBAAsB,CACtB,eAAgB,CAJhB,0BAzCJ,kBA0CM,8BAAgC,CAgEnC,CA1GH,sBAgDM,oBAAqB,CACrB,iBAAkB,CAClB,KAAM,CACN,MAAO,CAnDb,8BAuDM,8BAA+B,CAvDrC,sCAyD6B,UAAW,CAzDxC,sCA0D4B,WAAY,CA1DxC,sCA2D4B,WAAY,CA3DxC,sCA4D4B,YAAa,CA5DzC,0BAgEQ,cAAe,CAhEvB,iCAmEQ,SAAU,CAnElB,iDA0EY,6DAAA,CAAA,qDAAyD,CA1ErE,kDA8EY,mBAAqB,CA9EjC,0BAgEQ,cAAe,CAhEvB,iCAmEQ,SAAU,CAnElB,iDA0EY,6DAAA,CAAA,qDAAyD,CA1ErE,kDA8EY,mBAAqB,CA9EjC,0BAgEQ,cAAe,CAhEvB,iCAmEQ,SAAU,CAnElB,iDA0EY,6DAAA,CAAA,qDAAyD,CA1ErE,kDA8EY,mBAAqB,CA9EjC,0BAgEQ,cAAe,CAhEvB,iCAmEQ,SAAU,CAnElB,iDA0EY,6DAAA,CAAA,qDAAyD,CA1ErE,kDA8EY,mBAAqB,CA9EjC,uBAqFM,2BAA4B,CAC5B,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,WAAY,CACZ,SAAU,CA3FhB,4BA8FQ,OApJC,CAsDT,4BAiGQ,QAAS,CAjGjB,4BAoGQ,QAAS,CApGjB,4BAuGQ,QAAS,CAvGjB,kBA4GI,eAAgB,CA5GpB,oBA+GM,cAAe,CA/GrB,uBAkHM,wBAAyB,CACzB,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CAClB,gBAAiB,CAtHvB,6BAyHQ,UAAW,CACX,kBAAmB,CACnB,UAAW,CACX,kBAAmB,CACnB,WAAY,CACZ,KAAM,CACN,MAAO,CACP,iBAAkB","file":"main.3a0a4c82.chunk.css","sourcesContent":["$rep0: 2%;\n$rep1: 26%;\n$rep2: 52%;\n$rep3: 98%;\n\n.objectifs2030 {\n  .row1, \n  .row2 {\n    @media (min-width: 1000px) {\n      min-height: 190px;\n    }\n  }\n}\n.objectifs2050 {\n  .row1, \n  .row2 {\n    @media (min-width: 1000px) {\n      min-height: 220px;\n    }\n  }\n}\n.row {\n  display: flex;\n  @media (max-width: 1000px) {\n    flex-direction: column;\n  }\n  justify-content: space-around;\n  margin: 0 !important;\n}\n\n.column {\n  @media (min-width: 1000px) {\n    flex: 1;\n  }\n  @media (max-width: 1000px) {\n    text-align: center;\n  }\n}\nsection > .row > .column {\n  padding: 0 2rem;\n}\n@keyframes blink { 0% { opacity: 0;} 50% { opacity: 1 ; }  }\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n  90% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n#cie-root {\n  h2 {\n    b {\n      font-family: \"SolexBold\" !important;\n      font-size: 3.3rem;\n    } \n    margin-bottom: 3rem;\n    margin-top: 0 !important;\n    font-size: 3.1rem !important;\n    line-height: .8;\n    color: #8D0687 !important;\n    font-family: 'NunitoSans Regular' !important;\n    text-align: center !important;\n    text-transform: inherit;    \n  }\n  h3 {\n    color: #989897;\n    font-size: 1.8rem;\n    font-family: \"SolexMedium\" !important;\n  } \n  h4 {\n    font-size: 1.2rem;\n    font-family: 'NunitoSans Regular' !important;\n    font-weight: bold;\n    margin-bottom: 30px;\n    @media (max-width: 1000px) {\n      text-align: center;\n      margin: 50px auto 20px auto;\n    }\n  }\n  .link {\n    cursor: pointer;\n  }\n  .link_inactive {\n    fill: #ccc !important;\n  }\n  .header {\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    padding-bottom: 200px;\n    @media (max-width: 1000px) {\n      padding-bottom: 100px !important;\n    }\n    vertical-align: middle;\n    overflow: hidden;\n\n    svg {\n      display: inline-block;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n    \n    .indicateur {\n      transition: all .6s ease-in-out;\n    }\n     &.active0 .indicateur { width: 20px; }\n    &.active1 .indicateur { width: 370px; }\n    &.active2 .indicateur { width: 740px; }\n    &.active3 .indicateur { width: 1120px; }\n    \n    @for $i from 0 through 3 {\n      .round#{$i} {\n        cursor: pointer;\n      }\n      .round#{$i}_active {\n        opacity: 0;\n        \n      }\n      &.active#{$i} {\n        \n        .round#{$i} {\n          .round#{$i}_active {\n            animation: fadeIn 3s forwards 3s,  blink .6s infinite 0s ;\n             // \n            }\n          .round#{$i}_default {\n            opacity: 1 !important;\n          }\n        }\n      }\n    }\n  \n    .rep {\n      background-repeat: no-repeat;\n      background-size: cover;\n      width: 14px;\n      height: 14px;\n      position: absolute;\n      bottom: -7px;\n      z-index: 1;\n\n      &#rep0 {\n        left: $rep0;\n      }\n      &#rep1 {\n        left: 26%;\n      }\n      &#rep2 {\n        left: 52%;\n      }\n      &#rep3 {\n        left: 98%;\n      }\n    }\n  }\n  section {\n    margin-top: 50px;\n\n    b {\n      margin-top: 5px;\n    }\n    span {\n      font-family: 'SolexBlack';\n      color: #8C0687;\n      font-size: 2.5rem;\n      position: relative;\n      padding-top: 10px;\n\n      &:after {\n        content: '';\n        border-radius: 20px;\n        width: 40px;\n        background: #8C0687;\n        height: 10px;\n        top: 0;\n        left: 0;\n        position: absolute;\n      }\n    }\n  }\n}"]}