.od{width:100%;font-family:var(--font-sans);color:var(--color-encre,#171a2e);container-type:inline-size}.od-grid{grid-template-columns:minmax(0,290px) minmax(56px,120px) minmax(0,430px);justify-content:center;align-items:center;display:grid}.od-phone-col{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.od-phone{width:100%;max-width:290px}.od-try{min-height:24px;color:var(--color-encre,#171a2e);transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.od-try svg{width:18px;height:18px;color:var(--color-corail,#ff5a47);animation:od-nudge 1.8s var(--ease-in-out) infinite}@keyframes od-nudge{50%{transform:translate(5px)}}.od-try.is-hidden{opacity:0;transform:translateY(-6px)}.od-under{justify-content:center;align-items:center;min-height:44px;display:flex}.od-keys{color:var(--color-ardoise,#5e6370);text-align:center;font-size:13px}.od-replay{background:var(--color-encre,#171a2e);color:#fff;height:44px;font:inherit;cursor:pointer;animation:od-in .6s var(--ease-spring) both;transition:transform .25s var(--ease-spring);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.od-replay:hover{transform:translateY(-2px)}.od-replay:focus-visible{outline:3px solid var(--color-bleu,#4c6fff);outline-offset:3px}.od-replay svg{width:18px;height:18px}@keyframes od-in{0%{opacity:0;transform:translateY(8px)}}.od .pa-swipe-thumb:focus-visible{outline:3px solid var(--color-bleu,#4c6fff);outline-offset:3px}.od-link{align-self:center;height:2px;margin-inline:10px;position:relative}.od-link>i{background:repeating-linear-gradient(to right, var(--color-brouillard,#b8bbcc) 0 6px, transparent 6px 12px);border-radius:2px;position:absolute;inset:0}.od-flight{height:0;animation:od-fly .9s var(--ease-in-out) both;pointer-events:none;position:absolute;inset:50% 0 auto}.od-flight b{background:var(--color-bleu,#4c6fff);color:#fff;border-radius:999px;place-items:center;min-width:40px;height:28px;padding:0 8px;font-size:14px;font-weight:800;display:grid;position:absolute;top:0;left:0;translate:-50% -50%}@keyframes od-fly{0%{opacity:0;transform:translate(0)}18%{opacity:1;transform:translate(8%)}82%{opacity:1}to{opacity:0;transform:translate(100%)}}.od-dash{background:#fff;border:1px solid #e4e3df;border-radius:18px;min-width:0;padding:22px 22px 18px;box-shadow:0 1px 2px #171a2e0a,0 18px 40px -18px #171a2e38}.od-dash-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.od-crumb{color:#5e6370;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.od-crumb svg{width:16px;height:16px}.od-badge{color:#1a7a4c;background:#e3f4ea;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.od-dash-title{letter-spacing:-.01em;margin-top:10px;font-size:17px;font-weight:600;line-height:1.3}.od-dash-place{color:#5e6370;margin-top:2px;font-size:13px}.od-kpis{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.od-kpi{border:1px solid #e4e3df;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .5s,background-color .5s;display:flex}.od-kpi small{color:#5e6370;font-size:12px}.od-kpi b{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.1}.od-kpi.is-bumped{border-color:var(--color-bleu-300,#9db0ff);background:var(--color-bleu-50,#edf1ff)}.od-chart{margin-top:16px}.od-chart-title{font-size:13px;font-weight:600}.od-bars{width:100%;height:auto;margin-top:6px;display:block;overflow:visible}.od-grid-line{stroke:#e9e8e3;stroke-width:1px}.od-baseline{stroke:#c3c2b7;stroke-width:1px}.od-baseline-mask{fill:#fff}.od-axis{fill:#5e6370;font-size:11px;font-family:var(--font-sans)}.od-axis.is-current{fill:var(--color-encre,#171a2e);font-weight:700}.od-bar{fill:var(--color-bleu,#4c6fff);opacity:.55;transition:y .9s var(--ease-spring-soft), height .9s var(--ease-spring-soft)}.od-bar.is-current{opacity:1}.od-bar-value{fill:var(--color-encre,#171a2e);font-size:12px;font-weight:700;font-family:var(--font-sans);animation:od-in .6s var(--ease-spring) both}.od-tip{background:var(--color-soleil-50,#fff9ec);color:#4a4f5c;border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.od-tip svg{width:16px;height:16px;color:var(--color-soleil-700,#be9339);flex:none;margin-top:1px}@container (width<=720px){.od-grid{grid-template-columns:minmax(0,1fr);justify-items:center}.od-phone{max-width:224px}.od-try{font-size:14px}.od-dash-place{display:none}.od-dash{padding:16px 16px 14px}.od-kpi b{font-size:24px}.od-chart{margin-top:12px}.od-link{width:2px;height:48px;margin:4px 0}.od-link>i{background:repeating-linear-gradient(to bottom, var(--color-brouillard,#b8bbcc) 0 6px, transparent 6px 12px)}.od-flight{width:0;height:auto;animation-name:od-fly-down;inset:0 auto 0 50%}.od-dash{width:100%;max-width:460px}}@keyframes od-fly-down{0%{opacity:0;transform:translateY(0)}18%{opacity:1;transform:translateY(8%)}82%{opacity:1}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.od-try svg,.od-flight,.od-replay,.od-bar-value{animation:none}.od-flight{display:none}.od-bar{transition:none}}