.ercl { --ercl-cord:#425d3c; box-sizing:border-box; position:relative; height:58px; width:100%; max-width:100%; overflow:hidden; margin:0; padding:0; background:#fff; pointer-events:none; }
.ercl .ercl__strand { display:flex; flex-wrap:nowrap; width:max-content; height:100%; margin:0; padding:0; transform:translateX(-22px); }
.ercl .ercl__drop { position:relative; display:block; flex:0 0 48px; width:48px; height:22px; margin:0; padding:0; border:0; border-bottom:2px solid var(--ercl-cord); border-radius:0 0 50% 50%; transform:translateY(-6px); }
.ercl .ercl__bulb { --ercl-color:#d1464e; position:absolute; display:block; top:23px; right:-6px; width:12px; height:19px; margin:0; padding:0; background:var(--ercl-color); border-radius:45% 45% 50% 50%; box-shadow:0 0 7px 2px color-mix(in srgb,var(--ercl-color) 60%,transparent); animation:ercl-glow 4.6s ease-in-out infinite; }
.ercl .ercl__bulb::before { content:""; position:absolute; top:-6px; left:2px; width:8px; height:6px; background:var(--ercl-cord); border-radius:2px 2px 0 0; }
.ercl .ercl__bulb::after { content:""; position:absolute; top:4px; left:3px; width:3px; height:6px; border-radius:50%; background:rgba(255,255,255,.65); }
.ercl .ercl__drop:nth-child(4n + 2) .ercl__bulb { --ercl-color:#dca93a; animation-delay:-1.1s; }
.ercl .ercl__drop:nth-child(4n + 3) .ercl__bulb { --ercl-color:#418d67; animation-delay:-2.3s; }
.ercl .ercl__drop:nth-child(4n + 4) .ercl__bulb { --ercl-color:#6096c7; animation-delay:-3.4s; }
.ercl .ercl__drop:nth-child(3n) .ercl__bulb { animation-duration:5.8s; }
@keyframes ercl-glow { 0%,100% { opacity:.5; filter:brightness(.85); } 50% { opacity:1; filter:brightness(1.15); } }
.ercl.ercl--static .ercl__bulb { animation:none; }
@media (prefers-reduced-motion:reduce) { .ercl .ercl__bulb { animation:none; } }
@media (max-width:767px) { .ercl { height:50px; } .ercl .ercl__drop { width:40px; flex-basis:40px; } }