/* RWE Connect theme · Thank You */

/* thank you */
.tickwrap{position:relative;width:120px;height:120px;margin-bottom:2.5rem}
.tickwrap svg{width:120px;height:120px;position:relative;z-index:2}
.tickwrap .ring{fill:none;stroke:var(--cyan-400);stroke-width:5;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340;transform:rotate(-90deg);transform-origin:center;animation:drawring .9s cubic-bezier(.4,0,.2,1) .15s forwards}
.tickwrap .fillc{fill:var(--cyan-400);transform:scale(0);transform-origin:center;animation:popfill .5s cubic-bezier(.3,1.5,.5,1) .85s forwards}
.tickwrap .check{fill:none;stroke:var(--navy-950);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:drawcheck .45s cubic-bezier(.4,0,.2,1) 1.15s forwards}
.tickwrap .ripple{position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan-400);opacity:0;animation:ripple 2.4s ease-out 1.3s infinite}
.tickwrap .ripple.d2{animation-delay:2.1s}
.tickwrap .spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--cyan-300);opacity:0;animation:spark 1s ease-out 1.2s forwards}
.hero.thanks h1{margin-top:.6rem}

/* animations */
@keyframes drawring{to{stroke-dashoffset:0}}
@keyframes popfill{to{transform:scale(1)}}
@keyframes drawcheck{to{stroke-dashoffset:0}}
@keyframes ripple{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.7);opacity:0}}
@keyframes spark{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}