.histoires-a-croquer-canvas{color:var(--color--white);background-color:var(--color--blue)}.histoires-a-croquer-canvas__wrapper{flex-direction:column;gap:2.5rem;inline-size:100%;max-inline-size:83.25rem;margin-inline:auto;padding-block:4.375rem 2.5rem;padding-inline:1rem;display:flex}@media (width<=899px){.histoires-a-croquer-canvas__wrapper{gap:1.5rem;padding-block:1.875rem}}.histoires-a-croquer-canvas__header{flex-direction:column;gap:2.25rem;display:flex}@media (width<=899px){.histoires-a-croquer-canvas__header{display:none}}.histoires-a-croquer-canvas__title{color:var(--color--white);font-weight:800;line-height:.88}@media screen and (width<=360px){.histoires-a-croquer-canvas__title{font-size:1.875rem}}@media screen and (width>=360px) and (width<=1440px){.histoires-a-croquer-canvas__title{font-size:calc(24px + 1.66667vw)}}@media screen and (width>=1440px){.histoires-a-croquer-canvas__title{font-size:3rem}}.histoires-a-croquer-canvas__cta{align-self:flex-start}.histoires-a-croquer-canvas__viewport{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:1rem;block-size:32.3125rem;inline-size:100%;position:relative;overflow:hidden}.histoires-a-croquer-canvas__viewport:active{cursor:grabbing}@media (width<=899px){.histoires-a-croquer-canvas__viewport{border-radius:.625rem;block-size:25rem}}.histoires-a-croquer-canvas__viewport--white{background-color:var(--color--white)}.histoires-a-croquer-canvas__viewport--cream{background-color:var(--color--cream)}.histoires-a-croquer-canvas__viewport--blue{background-color:var(--color--blue)}.histoires-a-croquer-canvas__canvas{position:absolute;inset-block-start:0;inset-inline-start:0}.histoires-a-croquer-canvas__item{position:absolute}.histoires-a-croquer-canvas__item:hover,.histoires-a-croquer-canvas__item:focus-within{z-index:10}.histoires-a-croquer-canvas__link{text-decoration:none;transition:transform .2s;display:block}.histoires-a-croquer-canvas__link:focus-visible{outline:3px solid var(--color--yellow);outline-offset:4px;border-radius:.5rem}.histoires-a-croquer-canvas__link picture{pointer-events:none;display:block}.histoires-a-croquer-canvas__link img{pointer-events:none;block-size:auto;inline-size:100%;display:block}.histoires-a-croquer-canvas__viewport:not(.is-dragging) .histoires-a-croquer-canvas__item:hover .histoires-a-croquer-canvas__link{transform:scale(1.05)}.histoires-a-croquer-canvas__bubble{pointer-events:none;opacity:0;flex-direction:column;align-items:center;padding-block-end:.25rem;transition:opacity .2s;display:flex;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}.histoires-a-croquer-canvas__item:hover .histoires-a-croquer-canvas__bubble,.histoires-a-croquer-canvas__item:focus-within .histoires-a-croquer-canvas__bubble{opacity:1}.histoires-a-croquer-canvas__viewport.is-dragging .histoires-a-croquer-canvas__bubble{opacity:0!important}.histoires-a-croquer-canvas__bubble-text{color:var(--color--white);white-space:nowrap;background-color:var(--color--blue);border-radius:1.75rem;padding:.75rem 1.5rem;font-size:1.5625rem;font-weight:700;line-height:1;display:block}@media (width<=899px){.histoires-a-croquer-canvas__bubble-text{padding:.625rem 1.125rem;font-size:1.125rem}}.histoires-a-croquer-canvas__bubble-arrow{color:var(--color--blue);fill:var(--color--blue);margin-block-start:-.0625rem;display:block}.histoires-a-croquer-canvas__bubble-arrow polygon{fill:var(--color--blue)}.histoires-a-croquer-canvas__mobile-overlay{display:none}@media (width<=899px){.histoires-a-croquer-canvas__mobile-overlay{z-index:5;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:1.5rem;inline-size:18.4375rem;display:flex;position:absolute;inset-block-end:3.75rem;inset-inline-start:50%;transform:translate(-50%)}.histoires-a-croquer-canvas__mobile-overlay>*{pointer-events:auto}}.histoires-a-croquer-canvas__mobile-title{color:var(--color--white);margin:0;font-size:1.875rem;font-weight:700;line-height:.97}.histoires-a-croquer-canvas__mobile-btn{inline-size:100%}.histoires-a-croquer-canvas.margin--reduce .histoires-a-croquer-canvas__wrapper{padding-block:2.1875rem 1.25rem}@media (width<=899px){.histoires-a-croquer-canvas.margin--reduce .histoires-a-croquer-canvas__wrapper{padding-block:.9375rem}}