/* Lead connector (blog band to closing band), blog design system v2.
   GENERATED by wp-rebuild/tools-gen-v2-home-assets.py from v2_lead.css(). Do not edit. */
@keyframes k-lstrand{0%,2.86%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.4,0,.2,1)}18.57%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet0{0%,6.43%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}7.14%{opacity:1}20.00%{opacity:1}20.71%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lline1{0%,17.14%{stroke-dashoffset:100;animation-timing-function:linear}25.71%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet1{0%,17.14%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}17.86%{opacity:1}25.71%{opacity:1}26.43%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lline2{0%,25.71%{stroke-dashoffset:100;animation-timing-function:linear}32.14%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet2{0%,26.00%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}26.71%{opacity:1}32.43%{opacity:1}33.14%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lheart{0%,32.14%{transform:scale(.4);opacity:0;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}40.00%,88.57%{transform:none;opacity:1}95.71%{transform:none;opacity:0}100%{transform:scale(.4);opacity:0;opacity:0}}
@keyframes k-lring{0%,32.86%{transform:scale(.6);opacity:0}34.29%{opacity:.9}47.14%,100%{transform:scale(2.4);opacity:0}}
.hc-lead path{fill:none;stroke-linecap:round}
.hc-lead .ln{stroke-dasharray:100 100}
.hc-lead .cm{stroke:#ff4d67;stroke-width:2.5;stroke-dasharray:9 200;stroke-dashoffset:-100;opacity:0;filter:drop-shadow(0 0 5px rgba(255,77,103,.95))}
.hc-lead-live .hc-lead .st{animation:k-lstrand 7.0s linear 0s infinite}
.hc-lead-live .hc-lead .st.cm{animation:k-lcomet0 7.0s linear 0s infinite}
.hc-lead-live .hc-lead .l1{animation:k-lline1 7.0s linear 0s infinite}
.hc-lead-live .hc-lead .l1.cm{animation:k-lcomet1 7.0s linear 0s infinite}
.hc-lead-live .hc-lead .l2{animation:k-lline2 7.0s linear 0s infinite}
.hc-lead-live .hc-lead .l2.cm{animation:k-lcomet2 7.0s linear 0s infinite}
.hc-heart{position:relative;display:flex;width:30px;height:30px;align-items:center;justify-content:center}
.hc-lead-live .hc-heart svg{animation:k-lheart 7.0s linear 0s infinite}
.hc-lead-live .hc-heart::after{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 1.5px rgba(255,77,103,.8),0 0 18px 2px rgba(255,77,103,.45);opacity:0;animation:k-lring 7.0s linear 0s infinite}
@media (prefers-reduced-motion: reduce){
  .hc-lead .ln,.hc-heart svg{animation:none !important;stroke-dashoffset:0;opacity:1;transform:none}
  .hc-lead .cm,.hc-heart::after{animation:none !important;opacity:0}
}

@media (max-width: 900px) {
@keyframes k-lstrand{0%,2.86%{stroke-dashoffset:100;animation-timing-function:cubic-bezier(.4,0,.2,1)}18.57%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet0{0%,6.43%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}7.14%{opacity:1}20.00%{opacity:1}20.71%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lline1{0%,1.43%{stroke-dashoffset:100;animation-timing-function:linear}10.00%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet1{0%,1.43%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}2.14%{opacity:1}10.00%{opacity:1}10.71%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lline2{0%,10.00%{stroke-dashoffset:100;animation-timing-function:linear}16.43%,88.57%{stroke-dashoffset:0;opacity:1}95.71%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:100;opacity:0}}
@keyframes k-lcomet2{0%,10.29%{stroke-dashoffset:9;opacity:0;animation-timing-function:cubic-bezier(.45,0,.55,1)}11.00%{opacity:1}16.71%{opacity:1}17.43%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes k-lheart{0%,16.43%{transform:scale(.4);opacity:0;animation-timing-function:cubic-bezier(.3,1.6,.5,1)}24.29%,88.57%{transform:none;opacity:1}95.71%{transform:none;opacity:0}100%{transform:scale(.4);opacity:0;opacity:0}}
@keyframes k-lring{0%,17.14%{transform:scale(.6);opacity:0}18.57%{opacity:.9}31.43%,100%{transform:scale(2.4);opacity:0}}
}