.onb-entrant--avant{animation:onb-entre-avant var(--dur-3,.24s) var(--ease-pose,ease-out) var(--pas,40ms) both}.onb-entrant--arriere{animation:onb-entre-arriere var(--dur-3,.24s) var(--ease-pose,ease-out) var(--pas,40ms) both}@keyframes onb-entre-avant{0%{opacity:0;transform:translate(32px)}}@keyframes onb-entre-arriere{0%{opacity:0;transform:translate(-32px)}}.onb-sortant{pointer-events:none;opacity:0}.onb-sortant--avant{animation:onb-sort-avant var(--dur-2,.16s) var(--lin,linear) both;transform:translate(-24px)}.onb-sortant--arriere{animation:onb-sort-arriere var(--dur-2,.16s) var(--lin,linear) both;transform:translate(24px)}@keyframes onb-sort-avant{0%{opacity:1;transform:none}25%{opacity:0}to{opacity:0;transform:translate(-24px)}}@keyframes onb-sort-arriere{0%{opacity:1;transform:none}25%{opacity:0}to{opacity:0;transform:translate(24px)}}.onb-sortant *{animation:none!important}.onb-apparait{animation:onb-apparait var(--dur-3,.24s) var(--ease-pose,ease-out) both}@keyframes onb-apparait{0%{opacity:0;transform:translateY(6px)}}.onb-cascade>*{animation:onb-monte var(--dur-3,.24s) var(--ease-pose,ease-out) calc(var(--dur-1,90ms) + var(--i,0) * var(--pas,40ms)) both}@keyframes onb-monte{0%{opacity:0;transform:translateY(6px)}}.onb-appui:active{scale:.98}.onb-segment__rempli{transition:transform var(--dur-4,.48s) var(--ease-pose,ease-out);transform:translate(-101%)}.onb-segment__rempli[data-etat=en-cours]{transform:translate(-66%)}.onb-segment__rempli[data-etat=faite]{transform:none}.onb-depot__icone{transition:transform var(--dur-1,90ms) var(--ease-pose,ease-out)}.onb-depot:hover .onb-depot__icone,.onb-depot[data-etat=survol] .onb-depot__icone{transform:translateY(-2px)}.onb-depot__halo{opacity:0;transition:opacity var(--dur-1,90ms) var(--ease,ease)}.onb-depot:hover .onb-depot__halo{opacity:.6}.onb-depot[data-etat=survol] .onb-depot__halo{opacity:.6;animation:onb-respire 1.6s var(--ease-trace,ease-in-out) infinite}@keyframes onb-respire{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes onb-trace{0%{stroke-dashoffset:1px;opacity:0}.1%{opacity:1}}@keyframes onb-pose{0%{opacity:0;transform:scale(.6)}}@keyframes onb-halo{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.onb-coche{animation:onb-pose var(--dur-3,.24s) var(--ease-pose,ease-out) both}.onb-coche__trait{stroke-dasharray:1 1.001;animation:onb-trace var(--dur-2,.16s) var(--ease-trace,ease-in-out) var(--dur-2,.16s) both}.onb-coche__halo{opacity:0;animation:onb-halo var(--dur-5,.9s) var(--ease-sortie,ease-in) var(--dur-3,.24s) forwards}.onb-copie__coche{stroke-dasharray:1 1.001;animation:onb-trace var(--dur-2,.16s) var(--ease-trace,ease-in-out) both}.onb-scene .onb-trace{vector-effect:none;stroke-dasharray:1 1.001}@keyframes onb-fondu{0%{opacity:0}}@keyframes onb-descend{0%{opacity:0;transform:translateY(-6px)}}@keyframes onb-echelle{0%{opacity:0;transform:scale(.4)}}@keyframes onb-flotte{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.onb-scene--lecture .onb-lecture{opacity:0;animation:onb-lecture 4s var(--lin,linear) infinite}@keyframes onb-lecture{0%{opacity:0;transform:translateY(0)}3%{opacity:1}57%{opacity:1}60%{opacity:0;transform:translateY(92px)}to{opacity:0;transform:translateY(92px)}}.onb-scene--lecture .onb-lu{animation:4s var(--lin,linear) infinite both}.onb-scene--lecture .onb-lu--1{animation-name:onb-lu-1}.onb-scene--lecture .onb-lu--2{animation-name:onb-lu-2}.onb-scene--lecture .onb-lu--3{animation-name:onb-lu-3}.onb-scene--lecture .onb-lu--4{animation-name:onb-lu-4}.onb-scene--lecture .onb-lu--5{animation-name:onb-lu-5}.onb-scene--lecture .onb-lu--6{animation-name:onb-lu-6}@keyframes onb-lu-1{0%,8.2%{opacity:0}9.6%,94%{opacity:1}98%,to{opacity:0}}@keyframes onb-lu-2{0%,17.9%{opacity:0}19.3%,94%{opacity:1}98%,to{opacity:0}}@keyframes onb-lu-3{0%,24.5%{opacity:0}25.9%,94%{opacity:1}98%,to{opacity:0}}@keyframes onb-lu-4{0%,31%{opacity:0}32.4%,94%{opacity:1}98%,to{opacity:0}}@keyframes onb-lu-5{0%,37.5%{opacity:0}38.9%,94%{opacity:1}98%,to{opacity:0}}@keyframes onb-lu-6{0%,44%{opacity:0}45.4%,94%{opacity:1}98%,to{opacity:0}}.onb-scene--classeur .onb-classeur__fond{fill:var(--surface-2);stroke:none;animation:onb-fondu var(--dur-3,.24s) var(--ease,ease) var(--dur-2,.16s) both}.onb-scene--classeur .onb-classeur__contour{animation:onb-trace var(--dur-4,.48s) var(--ease-trace,ease-in-out) both}.onb-scene--classeur .onb-classeur__fantome{animation:onb-fondu var(--dur-3,.24s) var(--ease,ease) var(--dur-4,.48s) both}.onb-scene--classeur .onb-classeur__etiquette{animation:onb-descend var(--dur-3,.24s) var(--ease-pose,ease-out) var(--dur-4,.48s) both}.onb-scene--classeur .onb-classeur__trou{transform-box:fill-box;transform-origin:50%;animation:onb-echelle var(--dur-3,.24s) var(--ease-pose,ease-out) var(--dur-4,.48s) both}.onb-scene--classeur .onb-classeur__nom{transform-box:fill-box;transform-origin:0;animation:onb-ecrit var(--dur-3,.24s) var(--ease-pose,ease-out) calc(var(--dur-4,.48s) + var(--dur-3,.24s) + var(--i,0) * var(--pas,40ms)) both, onb-reecrit 4s var(--ease,ease) calc(var(--dur-recit,1.2s) + var(--i,0) * var(--pas,40ms)) infinite}@keyframes onb-ecrit{0%{transform:scaleX(0)}}@keyframes onb-reecrit{0%,70%{opacity:1;transform:scaleX(1)}76%{opacity:0;transform:scaleX(1)}77%{opacity:0;transform:scaleX(0)}78%{opacity:1;transform:scaleX(0)}90%,to{opacity:1;transform:scaleX(1)}}.onb-scene--classeur[data-etat=pret] *{animation:none}.onb-scene--envoi .onb-envoi__feuille{transition:transform var(--dur-3,.24s) var(--ease,ease)}.onb-scene--envoi[data-part="1"] .onb-envoi__feuille{transform:translate(9.6px)}.onb-scene--envoi[data-part="2"] .onb-envoi__feuille{transform:translate(19.2px)}.onb-scene--envoi[data-part="3"] .onb-envoi__feuille{transform:translate(28.8px)}.onb-scene--envoi[data-part="4"] .onb-envoi__feuille{transform:translate(38.4px)}.onb-scene--envoi[data-part="5"] .onb-envoi__feuille{transform:translate(48px)}.onb-scene--envoi[data-part="6"] .onb-envoi__feuille{transform:translate(57.6px)}.onb-scene--envoi[data-part="7"] .onb-envoi__feuille{transform:translate(67.2px)}.onb-scene--envoi[data-part="8"] .onb-envoi__feuille{transform:translate(76.8px)}.onb-scene--envoi[data-part="9"] .onb-envoi__feuille{transform:translate(86.4px)}.onb-scene--envoi[data-part="10"] .onb-envoi__feuille{transform:translate(96px,30px)}.onb-scene--envoi .onb-envoi__fait{stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-3,.24s) var(--ease,ease)}.onb-scene--envoi[data-part="1"] .onb-envoi__fait{stroke-dashoffset:.9px}.onb-scene--envoi[data-part="2"] .onb-envoi__fait{stroke-dashoffset:.8px}.onb-scene--envoi[data-part="3"] .onb-envoi__fait{stroke-dashoffset:.7px}.onb-scene--envoi[data-part="4"] .onb-envoi__fait{stroke-dashoffset:.6px}.onb-scene--envoi[data-part="5"] .onb-envoi__fait{stroke-dashoffset:.5px}.onb-scene--envoi[data-part="6"] .onb-envoi__fait{stroke-dashoffset:.4px}.onb-scene--envoi[data-part="7"] .onb-envoi__fait{stroke-dashoffset:.3px}.onb-scene--envoi[data-part="8"] .onb-envoi__fait{stroke-dashoffset:.2px}.onb-scene--envoi[data-part="9"] .onb-envoi__fait{stroke-dashoffset:.1px}.onb-scene--envoi[data-part="10"] .onb-envoi__fait{stroke-dashoffset:0}.onb-scene--envoi .onb-envoi__flotte{animation:onb-flotte 4s var(--ease-trace,ease-in-out) infinite}.onb-scene--envoi[data-part="10"] .onb-envoi__flotte{animation:none}.onb-scene--adresse .onb-adresse__enveloppe{animation:onb-monte var(--dur-3,.24s) var(--ease-pose,ease-out) both}.onb-scene--adresse .onb-adresse__carte{animation:onb-fondu var(--dur-3,.24s) var(--ease,ease) var(--dur-1,90ms) both}.onb-scene--adresse .onb-adresse__car{animation:onb-frappe 4s var(--lin,linear) calc(var(--dur-1,90ms) + var(--dur-3,.24s) + var(--i,0) * var(--pas,40ms)) infinite both}@keyframes onb-frappe{0%{opacity:0}2%,84%{opacity:1}90%,to{opacity:0}}.onb-scene--enveloppe .onb-enveloppe__rabat{transform-box:fill-box;transform-origin:bottom;animation:onb-rabat var(--dur-3,.24s) var(--ease-pose,ease-out) var(--dur-1,90ms) both;transform:scaleY(0)}@keyframes onb-rabat{0%{transform:scaleY(1)}}.onb-scene--enveloppe .onb-enveloppe__pli{animation:onb-fondu var(--dur-2,.16s) var(--ease,ease) calc(var(--dur-1,90ms) + var(--dur-3,.24s)) both}.onb-scene--enveloppe .onb-enveloppe__trajet{animation:onb-part var(--dur-5,.9s) var(--ease-trace,ease-in-out) var(--dur-4,.48s) both;transform:translate(70px)}@keyframes onb-part{0%{transform:translate(0)}}.onb-scene--enveloppe .onb-enveloppe__flotte{animation:onb-flotte 4s var(--ease-trace,ease-in-out) calc(var(--dur-4,.48s) + var(--dur-5,.9s)) infinite}.onb-scene--reglage .onb-reglage__piste,.onb-scene--reglage .onb-reglage__rempli{stroke-width:4px;vector-effect:none}.onb-scene--reglage .onb-reglage__curseur{transition:transform var(--dur-4,.48s) var(--ease-pose,ease-out);transform:translate(120px)}.onb-scene--reglage[data-position=prudent] .onb-reglage__curseur{transform:translate(64px)}.onb-scene--reglage[data-position=confiant] .onb-reglage__curseur{transform:translate(176px)}.onb-scene--reglage .onb-reglage__rempli{stroke-dashoffset:.5px;transition:stroke-dashoffset var(--dur-4,.48s) var(--ease-pose,ease-out)}.onb-scene--reglage[data-position=prudent] .onb-reglage__rempli{stroke-dashoffset:.8333px}.onb-scene--reglage[data-position=confiant] .onb-reglage__rempli{stroke-dashoffset:.1667px}.onb-rail--2{--pas-rail:var(--dur-5,.9s)}.onb-rail--3{--pas-rail:calc(var(--dur-5,.9s) / 2)}.onb-rail--4{--pas-rail:calc(var(--dur-5,.9s) / 3)}.onb-rail--5{--pas-rail:calc(var(--dur-5,.9s) / 4)}.onb-scene--rail .onb-rail__trait{animation:onb-trace var(--dur-5,.9s) var(--lin,linear) var(--dur-1,90ms) both}.onb-scene--rail .onb-rail__plein{fill:var(--ink-3);stroke:none}.onb-scene--rail .onb-rail__coche{fill:none;stroke:var(--surface);stroke-width:2px}.onb-scene--rail .onb-rail__gare{transform-box:fill-box;transform-origin:50%;animation:onb-echelle var(--dur-3,.24s) var(--ease-pose,ease-out) calc(var(--dur-1,90ms) + var(--i,0) * var(--pas-rail,.225s)) both}.onb-scene--rail .onb-rail__jeton{fill:var(--ink-3);stroke:none;opacity:0;animation:onb-jeton 4s var(--lin,linear) calc(var(--dur-1,90ms) + var(--dur-5,.9s) + var(--dur-3,.24s)) infinite}@keyframes onb-jeton{0%{opacity:0;transform:translate(0)}4%,40%{opacity:1}44%{opacity:0;transform:translate(176px)}to{opacity:0;transform:translate(176px)}}.onb-fete__disque{fill:var(--on-deep);stroke:none;transform-box:fill-box;transform-origin:50%;animation:onb-pose var(--dur-3,.24s) var(--ease-pose,ease-out) var(--dur-1,90ms) both}.onb-fete__coche{fill:none;stroke:var(--accent-deep);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.001;animation:onb-trace var(--dur-2,.16s) var(--ease-trace,ease-in-out) calc(var(--dur-1,90ms) + var(--dur-3,.24s)) both}.onb-fete__halo{fill:none;stroke:var(--on-deep);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:onb-halo var(--dur-5,.9s) var(--ease-sortie,ease-in) calc(var(--dur-1,90ms) + var(--dur-3,.24s) + var(--dur-2,.16s)) forwards}.onb-fete__eclat{fill:none;stroke:var(--on-deep);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1 1.001;stroke-dashoffset:-1px;opacity:0;animation:onb-eclat var(--dur-5,.9s) var(--ease-pose,ease-out) calc(var(--dur-1,90ms) + var(--dur-3,.24s) + var(--dur-2,.16s)) both}@keyframes onb-eclat{0%{stroke-dashoffset:1px;opacity:1}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1px;opacity:0}}.onb-fete__paillette{fill:var(--on-deep-2);stroke:none;opacity:0;transform-box:fill-box;transform-origin:50%;animation:onb-paillette var(--dur-5,.9s) var(--ease-sortie,ease-in) calc(var(--dur-1,90ms) + var(--dur-3,.24s) + var(--dur-2,.16s) + var(--i,0) * var(--pas,40ms)) forwards}@keyframes onb-paillette{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.6)}}.onb-onde{fill:none;stroke:var(--deep-line);stroke-width:1.5px;stroke-dasharray:1 1.001;animation:onb-trace var(--dur-recit,1.2s) var(--ease-trace,ease-in-out) calc(var(--i,0) * var(--pas,40ms)) both}
