.mo{--p: 0;position:relative;margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.mo-vue{position:relative;min-height:0}.mo-ecran{position:absolute;inset:0;overflow:hidden;background:var(--fond-2);border-radius:var(--rayon)}.mo-ecran>img,.mo-ecran>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mo-ecran>video{opacity:0;transition:opacity .35s linear}.mo[data-pret] .mo-ecran>video{opacity:1}.mo-surimpression{position:absolute;inset:0;pointer-events:none}.mo-surimpression:before{content:"";position:absolute;inset:5%;border:1px dashed rgba(245,247,250,.16)}.mo-surimpression:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;background:linear-gradient(var(--cyan) 0 0) 50% 50% / 100% 1px no-repeat,linear-gradient(var(--cyan) 0 0) 50% 50% / 1px 100% no-repeat;opacity:.5}.mo-front{position:absolute;inset:0;border-bottom:1px solid var(--cyan);transform:translateY(calc(var(--p) * -100%));opacity:0}.mo[data-pret][data-film=scrub] .mo-front{opacity:calc(4 * var(--p) * (1 - var(--p)))}.mo-etat,.mo-ia{position:absolute;top:10px;padding:.45em .6em;background:#0b0b0bc7;border-radius:var(--rayon);font:500 .6rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--texte)}.mo-etat{left:10px;display:flex;align-items:center;gap:.7em}.mo-etat:before{content:"";width:6px;height:6px;background:var(--cyan)}.mo-ia{right:10px;color:var(--attenue);border:1px solid var(--trait-2)}.mo-reperes{position:absolute;inset:-7px;pointer-events:none}.mo-reperes i{position:absolute;width:14px;height:14px;border:0 solid var(--trait-2)}.mo-reperes i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.mo-reperes i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.mo-reperes i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.mo-reperes i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}.mo[data-pret] .mo-reperes i{border-color:var(--cyan)}.mo-barre{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px clamp(10px,1.6vw,22px);padding-top:12px;font:500 .64rem/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--discret);font-variant-numeric:tabular-nums}.mo-jauge .lg-mark{--lg-size: 30px;--lg-track-o: .2;--f2: clamp(0, calc(var(--p) * 3), 1);--f1: clamp(0, calc(var(--p) * 3 - 1), 1);--f0: clamp(0, calc(var(--p) * 3 - 2), 1)}.mo-jauge .lg-arc{transition:none}.mo-libelle{color:var(--texte);white-space:nowrap}.mo-compteur{white-space:nowrap}.mo-compteur b{color:var(--cyan);font-weight:500}.mo-piste{position:relative;height:22px;min-width:40px;overflow:clip;overflow-clip-margin:5px}.mo-piste:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--trait-2) 0 1px,transparent 1px 20%) 0 100% / 100% 12px no-repeat,repeating-linear-gradient(90deg,var(--trait) 0 1px,transparent 1px 4%) 0 100% / 100% 6px no-repeat,linear-gradient(var(--trait-2) 0 0) 0 100% / 100% 1px no-repeat}.mo-piste i{position:absolute;inset:0;transform:translate(calc(var(--p) * 100%))}.mo-piste i:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--cyan)}.mo-piste i:after{content:"";position:absolute;left:-4px;top:0;width:8px;height:5px;background:var(--cyan)}.mo-piste b{position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--cyan);transform-origin:0 50%;transform:scaleX(var(--p))}.mo-jalon{position:absolute;top:0;left:calc(var(--x) * 100%);width:5px;height:5px;margin-left:-2.5px;border:1px solid var(--attenue);background:var(--noir)}.mo-bornes{display:contents}.mo-bouton{min-width:44px;min-height:44px;padding:0 .9em;cursor:pointer;background:none;border:1px solid var(--trait-2);border-radius:var(--rayon);font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--texte);transition:color .2s linear,border-color .2s linear}.mo-bouton:hover{color:var(--cyan);border-color:var(--cyan)}.mo:not([data-pret]) .mo-bouton,.mo[data-fige] .mo-bouton{display:none}@media(scripting:none){.mo-piste i,.mo-piste b{display:none}}.mo[data-fige] .mo-piste i,.mo[data-fige] .mo-piste b{display:none}@media(max-width:560px){.mo-barre{grid-template-columns:auto minmax(0,1fr) auto}.mo-libelle{display:none}}
