@property --ac7-t{syntax:"<number>";inherits:true;initial-value:.1}@keyframes ac7-lecture{0%{--ac7-t:0}to{--ac7-t:1}}@keyframes ac7-un-0{0%{--ac7-t:0}to{--ac7-t:.09444}}@keyframes ac7-un-1{0%{--ac7-t:.11111}to{--ac7-t:.20556}}@keyframes ac7-un-2{0%{--ac7-t:.22222}to{--ac7-t:.31667}}@keyframes ac7-un-3{0%{--ac7-t:.33333}to{--ac7-t:.42778}}@keyframes ac7-un-4{0%{--ac7-t:.44444}to{--ac7-t:.53889}}@keyframes ac7-un-5{0%{--ac7-t:.55556}to{--ac7-t:.65}}@keyframes ac7-un-6{0%{--ac7-t:.66667}to{--ac7-t:.76111}}@keyframes ac7-un-7{0%{--ac7-t:.77778}to{--ac7-t:.87222}}@keyframes ac7-un-8{0%{--ac7-t:.88889}to{--ac7-t:.98333}}.ac7{--n:9;--horloge:ac7-lecture;border-top:1px solid var(--border);position:relative}.ac7:has(#ac7-0:checked){--choisi:0;--horloge:ac7-un-0}.ac7:has(#ac7-1:checked){--choisi:1;--horloge:ac7-un-1}.ac7:has(#ac7-2:checked){--choisi:2;--horloge:ac7-un-2}.ac7:has(#ac7-3:checked){--choisi:3;--horloge:ac7-un-3}.ac7:has(#ac7-4:checked){--choisi:4;--horloge:ac7-un-4}.ac7:has(#ac7-5:checked){--choisi:5;--horloge:ac7-un-5}.ac7:has(#ac7-6:checked){--choisi:6;--horloge:ac7-un-6}.ac7:has(#ac7-7:checked){--choisi:7;--horloge:ac7-un-7}.ac7:has(#ac7-8:checked){--choisi:8;--horloge:ac7-un-8}.ac7-choix{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ac7-scene{--x:calc(var(--ac7-t) * var(--n));grid-template-rows:auto minmax(0,1fr) auto;max-width:76rem;height:min(52rem,100svh - 3.5rem);min-height:38rem;margin:0 auto;padding:clamp(3rem,7vw,5rem) 1.25rem clamp(2rem,5vw,3.5rem);display:grid}@media (prefers-reduced-motion:no-preference){.ac7-scene{animation:var(--horloge) 63s linear infinite}.ac7:has(.ac7-choix:not(#ac7-tout):checked) .ac7-scene{animation-duration:7s;animation-iteration-count:1;animation-fill-mode:forwards}}@media (prefers-reduced-motion:reduce){.ac7:has(.ac7-choix:not(#ac7-tout):checked) .ac7-scene{--ac7-t:calc((var(--choisi) + .85) / 9)}}.ac7-sur{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);font-size:.72rem}.ac7-titre{letter-spacing:-.04em;text-wrap:balance;max-width:22ch;margin-top:.75rem;font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:700;line-height:1.02}@keyframes ac7-fenetre{0%,11.1111%{content-visibility:visible}11.1112%,to{content-visibility:hidden}}.ac7-etape{content-visibility:hidden}.ac7-etape:first-child{content-visibility:visible}@media (prefers-reduced-motion:no-preference){.ac7:has(#ac7-tout:checked) .ac7-etape{animation:63s linear infinite ac7-fenetre;animation-delay:calc(var(--k) * 7s - 63s)}}.ac7:has(.ac7-choix:not(#ac7-tout):checked) .ac7-etape{content-visibility:hidden}:is(.ac7:has(#ac7-0:checked) .ac7-etape:first-child,.ac7:has(#ac7-1:checked) .ac7-etape:nth-child(2),.ac7:has(#ac7-2:checked) .ac7-etape:nth-child(3),.ac7:has(#ac7-3:checked) .ac7-etape:nth-child(4),.ac7:has(#ac7-4:checked) .ac7-etape:nth-child(5),.ac7:has(#ac7-5:checked) .ac7-etape:nth-child(6),.ac7:has(#ac7-6:checked) .ac7-etape:nth-child(7),.ac7:has(#ac7-7:checked) .ac7-etape:nth-child(8),.ac7:has(#ac7-8:checked) .ac7-etape:nth-child(9)){content-visibility:visible}.ac7-etapes{margin-top:clamp(1.25rem,3vh,2rem);position:relative}.ac7-etape{--l:clamp(0, var(--x) - var(--k), 1);--entre:clamp(0, (var(--x) - var(--k)) / .1, 1);--sort:clamp(0, (var(--k) + 1 - var(--x)) / .1, 1);--vu:calc(var(--entre) * var(--sort));--pn-t:clamp(0, (var(--l) - .04) / .8, 1);z-index:calc(round(var(--vu) * 5));opacity:var(--vu);visibility:visible;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:1rem;display:grid;position:absolute;inset:0}.ac7-etape:first-child{--entre:1}.ac7-etape:last-child{--sort:clamp(0, (var(--n) + .02 - var(--x)) / .1, 1)}.ac7-texte{translate:0 calc((1 - var(--entre)) * 1.2rem)}.ac7-moment{color:var(--muted-foreground);align-items:baseline;gap:.6rem;font-size:.95rem;display:flex}.ac7-moment span{font-family:var(--font-mono);font-size:.8em}.ac7-outil{letter-spacing:-.045em;align-items:center;gap:.6rem;margin-top:.4rem;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1;display:flex}.ac7-outil svg{stroke-width:2.2px;flex-shrink:0;width:.7em;height:.7em}.ac7-accroche{letter-spacing:-.015em;text-wrap:pretty;max-width:26ch;margin-top:.7rem;font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.3}.ac7-lien{text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--foreground) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--foreground) 35%, transparent);text-underline-offset:.25em;transition:text-decoration-color .18s var(--ease-out-expo);align-items:center;gap:.4rem;margin-top:1rem;font-size:.95rem;font-weight:500;display:inline-flex}.ac7-lien:hover{-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}.ac7-lien svg{width:1rem;height:1rem}.ac7-cadre{background:color-mix(in oklch, var(--foreground) 3%, var(--background));height:100%;min-height:0;box-shadow:0 0 0 1px var(--pn-bord);scale:calc(.97 + var(--entre) * .03);border-radius:1.25rem;place-items:center;padding:clamp(.8rem,2vw,1.4rem);display:grid;container:ac7-cadre/size}.ac7-cadre.pn3-encre{background:var(--foreground)}.ac7-objet{width:min(100cqw, calc(100cqh * var(--objet-ratio)))}@media (min-width:900px){.ac7-etape{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3rem}}.ac7-barre{align-items:flex-start;gap:1rem;margin-top:clamp(1rem,2.5vh,1.75rem);display:flex}.ac7-tout{box-shadow:0 0 0 1px var(--pn-bord);white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease-out-expo);border-radius:99px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:500;display:inline-flex}.ac7-tout svg{width:.8rem;height:.8rem}.ac7-tout:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.ac7:has(#ac7-tout:checked) .ac7-tout{background:var(--foreground);color:var(--background)}.ac7-barre,.ac7-barre li{position:relative}.ac7-barre ol{grid-template-columns:repeat(var(--n), minmax(0, 1fr));flex:1;gap:.4rem;display:grid}.ac7-barre ol label{cursor:pointer;border-radius:.4rem;gap:.45rem;padding:.35rem .1rem;display:grid}.ac7:has(#ac7-0:focus-visible) .ac7-barre li:first-child label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-1:focus-visible) .ac7-barre li:nth-child(2) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-2:focus-visible) .ac7-barre li:nth-child(3) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-3:focus-visible) .ac7-barre li:nth-child(4) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-4:focus-visible) .ac7-barre li:nth-child(5) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-5:focus-visible) .ac7-barre li:nth-child(6) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-6:focus-visible) .ac7-barre li:nth-child(7) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-7:focus-visible) .ac7-barre li:nth-child(8) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-8:focus-visible) .ac7-barre li:nth-child(9) label{outline:2px solid var(--foreground);outline-offset:2px}.ac7:has(#ac7-tout:focus-visible) .ac7-tout{outline:2px solid var(--foreground);outline-offset:2px}.ac7-segment{--rempli:clamp(0, var(--x) - var(--k), 1);background:var(--border);border-radius:99px;height:3px;display:block;position:relative;overflow:hidden}.ac7-segment:after{content:"";border-radius:inherit;background:var(--foreground);transform-origin:0;scale:var(--rempli) 1;position:absolute;inset:0}.ac7-barre li{--ici:calc(clamp(0, (var(--x) - var(--k)) * 50, 1) * clamp(0, (var(--k) + 1 - var(--x)) * 50, 1))}.ac7-barre li:last-child{--ici:clamp(0, (var(--x) - var(--k)) * 50, 1)}.ac7-segment-nom{white-space:nowrap;color:color-mix(in oklch, var(--foreground) calc(var(--ici) * 100%), var(--muted-foreground));font-size:.74rem;font-weight:calc(400 + var(--ici) * 200);transition:color .18s var(--ease-out-expo);align-items:center;gap:.3rem;display:flex;overflow:hidden}.ac7-segment-nom svg{flex-shrink:0;width:.85rem;height:.85rem}.ac7-barre ol label:hover .ac7-segment-nom{color:var(--foreground)}@media (max-width:899px){.ac7-scene{grid-template-rows:auto auto auto;height:auto;min-height:0}.ac7-etapes{height:min(34rem,100svh - 12rem)}.ac7-outil{font-size:2rem}.ac7-accroche{margin-top:.3rem;font-size:1rem}.ac7-lien{margin-top:.5rem}.ac7-barre{flex-direction:column;gap:.75rem}.ac7-barre ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.25rem;width:100%}.ac7-barre ol label{padding-block:.55rem}}