.bilan{align-content:center;justify-items:start;gap:clamp(28px,4vw,56px);min-height:100svh;padding:clamp(96px,9vw,128px) clamp(20px,5vw,72px) clamp(48px,6vw,80px);display:grid;overflow:clip}.bilan-tete{gap:16px;display:grid}.bilan .bouton{border-color:currentColor}.bilan-rail{gap:24px;width:max-content;display:flex}.bilan-carte{border-top:4px solid var(--blanc);width:min(78vw,380px);min-height:min(50svh,400px);color:inherit;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), translate .2s var(--ease-out);background:#faf6f01a;align-content:space-between;gap:28px;padding:28px;text-decoration:none;display:grid}.bilan-carte .chiffre{opacity:.5;font-size:3.5rem}.bilan-carte[data-curseur=carte]:hover{box-shadow:none}@media (hover:hover) and (pointer:fine){.bilan-carte:hover{background:var(--blanc);color:var(--bordeaux)}.bilan-carte[data-curseur=carte]:hover h3{color:inherit}.bilan .bouton[data-curseur=bouton]:hover{background:var(--blanc);border-color:var(--blanc);color:var(--bordeaux)}}@media (width<=899px){.bilan{min-height:0}.bilan-rail{scroll-snap-type:x mandatory;width:calc(100% + 2*clamp(20px,5vw,72px));margin:0 calc(-1*clamp(20px,5vw,72px));padding:0 clamp(20px,5vw,72px);overflow-x:auto}.bilan-carte{scroll-snap-align:start;flex:none}}
