/* Intro de la page 24 h : les icônes glissent, le chiffre se révèle, l'étoile passe et découvre le reste. */
html.ouverture-24h .hero.chiffre .lbl,html.ouverture-24h .hero.chiffre .titre-n .txt,html.ouverture-24h .hero.chiffre .accroche,html.ouverture-24h .hero.chiffre .rdv,html.ouverture-24h .hero.chiffre .acts,html.ouverture-24h .hero.chiffre .petit,html.ouverture-24h header.top,html.ouverture-24h #fil,html.ouverture-24h .nombre .fi,html.ouverture-24h .nombre .forme,html.ouverture-24h .nombre>b{opacity:0}
.intro-etoile{position:fixed;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:60;pointer-events:none;filter:drop-shadow(0 0 18px rgba(247,120,74,.55))}
.intro-etoile .forme{--t:44px}
.intro-eclat{position:fixed;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;z-index:59;pointer-events:none}
.intro-eclat .forme{--t:12px}
.intro-eclat .forme::before,.intro-eclat .forme::after{display:none}
html.ouverture-24h .nombre .fi,html.ouverture-24h .nombre .forme{animation-play-state:paused}
.intro-lueur{position:absolute;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,179,138,.55),rgba(247,150,74,.18) 45%,rgba(255,255,255,0) 70%)}
html.ouverture-24h body{overflow-x:hidden}