.rx{margin-top:clamp(2.5rem,5vw,4rem)}.rx-trajet{--rx-ecart:2rem;gap:var(--rx-ecart);display:grid}.rx-etape{border:1px solid var(--filet-2);border-radius:var(--r-lg);background:var(--plaque);align-items:center;gap:.85rem;min-width:0;padding:.9rem 1.1rem;display:flex;position:relative}.rx-icone{border:1px solid rgb(var(--fibre-rgb) / .22);border-radius:var(--r);width:2.25rem;height:2.25rem;color:var(--fibre);flex:none;place-items:center;display:grid}.rx-texte{gap:.15rem;min-width:0;padding-right:.75rem;display:grid}.rx-texte b{color:var(--givre);font-size:.9375rem;font-weight:600;line-height:1.3}.rx-texte span{color:var(--givre-2);font-size:.8125rem;line-height:1.45}.rx-voyant{background:var(--fibre);width:6px;height:6px;box-shadow:0 0 0 3px rgb(var(--fibre-rgb) / .14);border-radius:1px;position:absolute;top:.75rem;right:.75rem}.rx-lien{width:1px;height:calc(var(--rx-ecart) + 2px);background:var(--filet-2);position:absolute;top:100%;left:2.225rem}.rx-lien:before{content:"";background:rgb(var(--fibre-rgb) / .6);transform-origin:0 0;position:absolute;inset:0}.rx-lien i{opacity:0;position:absolute;inset:0}.rx-lien i:before{content:"";background:var(--fibre-hi);width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--fibre-rgb) / .2);border-radius:50%;position:absolute;top:-3px;left:-3px}@media (min-width:900px){.rx-trajet{--rx-ecart:2.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.rx-lien{width:calc(var(--rx-ecart) + 2px);height:1px;top:50%;left:100%}}@media (prefers-reduced-motion:no-preference){.rx-etape:first-child{--rx-t:.45s}.rx-etape:nth-child(2){--rx-t:1.15s;--rx-v:1.15s}.rx-etape:nth-child(3){--rx-t:1.85s;--rx-v:1.85s}.rx-etape:nth-child(4){--rx-v:2.55s}html.js .rx-trajet:not([data-vu]) .rx-lien:before{transform:scaleY(0)}html.js .rx-trajet:not([data-vu]) .rx-etape+.rx-etape .rx-voyant{opacity:.25}html.js .rx-trajet[data-vu="1"] .rx-lien:before{animation:rx-fibre-v .7s var(--ease-io) var(--rx-t) backwards}html.js .rx-trajet[data-vu="1"] .rx-lien i{animation:rx-paquet-v .7s var(--ease-io) var(--rx-t) both}html.js .rx-trajet[data-vu="1"] .rx-etape+.rx-etape .rx-voyant{animation:rx-voyant .35s var(--ease-out) var(--rx-v) backwards}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){html.js .rx-trajet:not([data-vu]) .rx-lien:before{transform:scaleX(0)}html.js .rx-trajet[data-vu="1"] .rx-lien:before{animation-name:rx-fibre-h}html.js .rx-trajet[data-vu="1"] .rx-lien i{animation-name:rx-paquet-h}}@keyframes rx-fibre-v{0%{transform:scaleY(0)}}@keyframes rx-fibre-h{0%{transform:scaleX(0)}}@keyframes rx-paquet-v{0%{opacity:0;transform:none}12%,88%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes rx-paquet-h{0%{opacity:0;transform:none}12%,88%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes rx-voyant{0%{opacity:.25}}@media (forced-colors:active){.rx-etape{border:1px solid canvastext}.rx-voyant,.rx-lien,.rx-lien:before{forced-color-adjust:none;box-shadow:none;background:canvastext}}