.gfr-frise{--gfr-pastille:2.5rem;--gfr-frise-trait:color-mix(in srgb,var(--foreground) 14%,transparent);--gfr-frise-duree:0.6s;--gfr-frise-arrivee:0.45s;display:grid;grid-template-columns:repeat(var(--gfr-frise-nb,5),minmax(0,1fr));margin:2.5rem auto 0;max-width:56rem}@media (min-width:640px){.gfr-frise{--gfr-pastille:3.25rem}}.gfr-frise-etape{align-items:center;background:none;border:0;color:var(--muted-foreground);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.75rem;padding:.25rem;position:relative;-webkit-tap-highlight-color:transparent}.gfr-frise-etape+.gfr-frise-etape:after,.gfr-frise-etape+.gfr-frise-etape:before{border-radius:3px;content:"";height:3px;left:calc(-50% + var(--gfr-pastille)/2 + .375rem);position:absolute;right:calc(50% + var(--gfr-pastille)/2 + .375rem);top:calc(.25rem + var(--gfr-pastille)/2 - 1.5px)}.gfr-frise-etape+.gfr-frise-etape:before{background:var(--gfr-frise-trait)}.gfr-frise-etape+.gfr-frise-etape:after{background:var(--emerald);transform:scaleX(0);transform-origin:left center;transition:transform var(--gfr-frise-duree) cubic-bezier(.65,0,.35,1)}.gfr-frise-pastille{align-items:center;background:var(--surface);border:2px solid var(--gfr-frise-trait);border-radius:9999px;color:var(--muted-foreground);display:flex;height:var(--gfr-pastille);justify-content:center;position:relative;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;width:var(--gfr-pastille)}.gfr-frise-pastille:after{background:var(--emerald) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8.5 3 3 6-7'/%3E%3C/svg%3E") center /70% no-repeat;border-radius:9999px;box-shadow:0 0 0 2px var(--surface);content:"";height:1rem;position:absolute;right:-.25rem;top:-.25rem;transform:scale(0);transition:transform .2s ease;width:1rem}@media (min-width:640px){.gfr-frise-pastille:after{height:1.25rem;width:1.25rem}}.gfr-frise-icone{height:1.125rem;width:1.125rem}.gfr-frise-numero{font-size:.875rem;font-weight:700}.gfr-frise-libelle{font-size:.875rem;font-weight:600;line-height:1.25;text-align:center;transition:color .3s ease}@media (min-width:640px){.gfr-frise-icone{height:1.375rem;width:1.375rem}}@media (max-width:639px){.gfr-frise-libelle{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}}.gfr-frise-etape:hover .gfr-frise-pastille{border-color:color-mix(in srgb,var(--emerald) 50%,transparent);color:var(--emerald);transform:scale(1.08)}.gfr-frise-etape:hover .gfr-frise-libelle{color:var(--foreground)}.gfr-frise-etape:has(~[aria-selected=true]) .gfr-frise-pastille{background:color-mix(in srgb,var(--emerald) 10%,var(--surface));border-color:var(--emerald);color:var(--emerald)}.gfr-frise-etape:has(~[aria-selected=true]):after,.gfr-frise-etape[aria-selected=true]:after{transform:scaleX(1)}.gfr-frise-etape:has(~[aria-selected=true]) .gfr-frise-pastille:after{transform:scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1) var(--gfr-frise-arrivee)}.gfr-frise-etape[aria-selected=true] .gfr-frise-pastille{animation:gfr-frise-debloque .55s cubic-bezier(.34,1.56,.64,1) var(--gfr-frise-arrivee) backwards;background:var(--emerald);border-color:var(--emerald);box-shadow:0 0 0 6px color-mix(in srgb,var(--emerald) 14%,transparent);color:#fff;transition-delay:var(--gfr-frise-arrivee)}@keyframes gfr-frise-debloque{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--emerald) 40%,transparent);transform:scale(1)}45%{box-shadow:0 0 0 10px color-mix(in srgb,var(--emerald) 10%,transparent);transform:scale(1.16)}to{box-shadow:0 0 0 6px color-mix(in srgb,var(--emerald) 14%,transparent);transform:scale(1)}}.gfr-frise-etape[aria-selected=true] .gfr-frise-libelle{color:var(--foreground)}.gfr-frise-etape:focus{outline:none}.gfr-frise-etape:focus-visible .gfr-frise-pastille{outline:2px solid var(--emerald);outline-offset:4px}.gfr-frise-repere{color:var(--emerald);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.16em;margin:0 0 .75rem;text-transform:uppercase}.gfr-etape{background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border-subtle);border-radius:.75rem;transition:border-color .2s ease,background-color .2s ease}@supports not (background:color-mix(in srgb,red 50%,transparent)){.gfr-etape{background:var(--surface)}}.gfr-etape:hover{background:var(--surface);border-color:color-mix(in srgb,var(--emerald) 20%,transparent)}.gfr-etape[open]{background:color-mix(in srgb,var(--emerald) 5%,transparent);border-color:color-mix(in srgb,var(--emerald) 25%,transparent)}.gfr-etape-titre::-webkit-details-marker{display:none}.gfr-etape-titre::marker{content:""}.gfr-etape-titre:focus-visible{border-radius:.75rem;outline:2px solid var(--emerald);outline-offset:2px}.gfr-etape-numero{background:color-mix(in srgb,var(--emerald) 10%,transparent);color:var(--emerald);transition:background-color .2s ease,color .2s ease}.gfr-etape[open] .gfr-etape-numero{background:var(--emerald);color:#fff}.gfr-etape-chevron{transition:transform .2s ease}.gfr-etape[open] .gfr-etape-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.gfr-etape,.gfr-etape-chevron,.gfr-etape-numero,.gfr-frise-etape:after,.gfr-frise-libelle,.gfr-frise-pastille,.gfr-frise-pastille:after{animation:none!important;transition:none!important}}