.exemples-module__Od1eMa__anneaux{view-timeline-name:--anneaux;color:var(--color-ink);align-items:center;gap:1.25rem;display:grid}.exemples-module__Od1eMa__petit{grid-template-columns:6.5rem minmax(0,1fr)}.exemples-module__Od1eMa__grand{grid-template-columns:minmax(0,1fr);justify-items:start}@media (min-width:40rem){.exemples-module__Od1eMa__grand{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);gap:2rem}}.exemples-module__Od1eMa__dessin{width:100%;max-width:17rem;height:auto;display:block}.exemples-module__Od1eMa__piste{fill:none;stroke:var(--color-line)}.exemples-module__Od1eMa__trait{fill:none;stroke:var(--color-ink);stroke-linecap:round}.exemples-module__Od1eMa__premier{stroke:var(--color-accent)}.exemples-module__Od1eMa__clair{color:var(--color-paper)}.exemples-module__Od1eMa__clair .exemples-module__Od1eMa__piste{stroke:var(--color-line-on-ink)}.exemples-module__Od1eMa__clair .exemples-module__Od1eMa__trait{stroke:var(--color-paper)}.exemples-module__Od1eMa__clair .exemples-module__Od1eMa__premier{stroke:var(--color-ochre)}.exemples-module__Od1eMa__legende{gap:.5rem;margin:0;display:grid}.exemples-module__Od1eMa__ligneLegende{border-bottom:var(--hair,1px) solid var(--color-line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.4rem;display:flex}.exemples-module__Od1eMa__clair .exemples-module__Od1eMa__ligneLegende{border-color:var(--color-line-on-ink)}.exemples-module__Od1eMa__ligneLegende dt{align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.exemples-module__Od1eMa__ligneLegende dd{white-space:nowrap;font-family:var(--font-mono);margin:0;font-size:1rem;font-weight:500}.exemples-module__Od1eMa__grand .exemples-module__Od1eMa__ligneLegende dt{font-size:1rem}.exemples-module__Od1eMa__grand .exemples-module__Od1eMa__ligneLegende dd{font-size:clamp(1.25rem,2.4vw,1.75rem)}.exemples-module__Od1eMa__puce{background:currentColor;border-radius:999px;width:.625rem;height:.625rem;display:inline-block}.exemples-module__Od1eMa__pucePremiere{background:var(--color-accent)}.exemples-module__Od1eMa__clair .exemples-module__Od1eMa__pucePremiere{background:var(--color-ochre)}.exemples-module__Od1eMa__cadre{aspect-ratio:16/9;background:var(--color-ink);position:relative;overflow:clip}.exemples-module__Od1eMa__plan{position:absolute;inset:0}.exemples-module__Od1eMa__image{object-fit:cover;width:100%;height:100%;display:block}.exemples-module__Od1eMa__cote{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:.625rem;margin-bottom:.75rem;font-size:.75rem;font-weight:500;line-height:1.35;display:flex}.exemples-module__Od1eMa__filet{min-width:1.5rem;height:var(--hair,1px);background:var(--color-line-strong);flex:1 1 0}.exemples-module__Od1eMa__logo{flex-shrink:0;width:2.75rem;height:2.75rem;display:block}.exemples-module__Od1eMa__logoPetit{vertical-align:middle;flex-shrink:0;width:1.5rem;height:1.5rem;display:inline-block}.exemples-module__Od1eMa__qr{width:8.5rem;height:8.5rem;display:block}.exemples-module__Od1eMa__fondQr{fill:var(--color-surface)}.exemples-module__Od1eMa__modulesQr{fill:var(--color-ink)}.exemples-module__Od1eMa__liaison{height:var(--hair,1px);background:var(--color-line-on-ink);transform-origin:0;display:block}@media (prefers-reduced-motion:no-preference){@keyframes exemples-module__Od1eMa__anneau-trace{0%{stroke-dashoffset:100px}}.exemples-module__Od1eMa__auChargement{animation:1.5s cubic-bezier(.2,.7,.2,1) both exemples-module__Od1eMa__anneau-trace;animation-delay:calc(var(--rang,0) * .16s + .2s)}@supports (animation-timeline:view()){.exemples-module__Od1eMa__auDefilement{animation:1ms linear both exemples-module__Od1eMa__anneau-trace;animation-timeline:--anneaux;animation-range:entry 35% cover 45%}@keyframes exemples-module__Od1eMa__plan-s-ouvre{0%{clip-path:inset(12.8% 0)}to{clip-path:inset(0)}}@keyframes exemples-module__Od1eMa__image-respire{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes exemples-module__Od1eMa__filet-se-trace{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.exemples-module__Od1eMa__plan{animation:1ms linear both exemples-module__Od1eMa__plan-s-ouvre;animation-timeline:view();animation-range:entry 25% cover 50%}.exemples-module__Od1eMa__image{animation:1ms linear both exemples-module__Od1eMa__image-respire;animation-timeline:view();animation-range:entry cover 70%}.exemples-module__Od1eMa__filet{transform-origin:0;animation:1ms linear both exemples-module__Od1eMa__filet-se-trace;animation-timeline:view();animation-range:entry 10% cover 30%}.exemples-module__Od1eMa__liaison{animation:1ms linear both exemples-module__Od1eMa__filet-se-trace;animation-timeline:view();animation-range:entry 20% cover 40%}}}