.hcbr-line  { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .68; } .hcbr-thin  { fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; opacity: .38; } .hcbr-dash  { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 9 9; opacity: .78; } .hcbr-mark  { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; opacity: .88; } .hcbr-num   { fill: currentColor; font: 700 16px 'Bodoni Moda', Georgia, serif; opacity: .75; } .hcbr-route { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 12 12; opacity: .78; animation: hcbrRoute 8s linear infinite reverse; } @keyframes hcbrRoute { to { stroke-dashoffset: -240; } } @media (prefers-reduced-motion: reduce) { .hcbr-route { animation: none; } }