.hero-tiles{--ht-grand: 52px;--ht-petit: 44px;--ht-anneau: 3px;--ht-pastille: 21px;list-style:none;position:relative;z-index:2;width:100%;margin:16px 0 0;padding:0;display:flex;justify-content:center;align-items:center;gap:18px}.hero-tile{position:relative;display:flex;margin:0;padding:0}.hero-tile__carre{position:relative;width:var(--ht-petit);height:var(--ht-petit);border-radius:28%;background:var(--ht-blanc);display:grid;place-items:center;box-shadow:0 8px 20px #00000052}.hero-tile--pire .hero-tile__carre,.hero-tile--meilleur .hero-tile__carre,.hero-tile--neutre .hero-tile__carre{width:var(--ht-grand);height:var(--ht-grand)}.hero-tile--pire .hero-tile__carre{box-shadow:0 0 0 var(--ht-anneau) var(--ht-pire),0 8px 20px #00000052}.hero-tile--meilleur .hero-tile__carre{box-shadow:0 0 0 var(--ht-anneau) color-mix(in srgb,var(--ht-meilleur) 75%,var(--ht-blanc)),0 8px 20px #00000052}.hero-tile--neutre .hero-tile__carre{box-shadow:0 0 0 var(--ht-anneau) var(--ht-neutre),0 8px 20px #00000052}.hero-tile__carre img{width:58%;height:58%;-o-object-fit:contain;object-fit:contain;display:block}.hero-tile__note{position:absolute;right:-8px;bottom:-8px;min-width:var(--ht-pastille);height:var(--ht-pastille);padding:0 5px;box-sizing:border-box;border-radius:999px;border:2px solid var(--ht-blanc);background:var(--ht-milieu);color:var(--ht-blanc);font-weight:800;font-size:11.5px;line-height:1;display:grid;place-items:center;white-space:nowrap;font-variant-numeric:tabular-nums}.hero-tile--pire .hero-tile__note{background:var(--ht-pire)}.hero-tile--meilleur .hero-tile__note{background:var(--ht-meilleur)}.hero-tile--neutre .hero-tile__note{background:var(--ht-neutre)}.hero-tile__libelle{display:none}@media (min-width: 1280px){.hero-tiles{--ht-grand: 84px;--ht-petit: 74px;--ht-anneau: 4px;--ht-pastille: 28px;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;margin:0;padding:0 clamp(40px,4.5vw,96px);display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:26px;pointer-events:none}.hero-tile:nth-child(3){grid-column:4}.hero-tile:nth-child(4){grid-column:5}.hero-tile__note{right:-9px;bottom:-9px;font-size:13.5px}}