.rtcBanner{background-color:#020e1b;position:relative}.rtcBanner:before{content:"";opacity:.4;z-index:1;background-image:url(/img/banner-8-bit-mobile.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:834px){.rtcBanner:before{background-image:url(/img/banner-8-bit-tablet.png)}}.rtcBanner>*{z-index:2;position:relative}
.circular-progress{--size:250px;--half-size:calc(var(--size)/2);--stroke-width:40px;--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*3.14159*2);--dash:calc((var(--progress)*var(--circumference))/100);animation:2.5s linear forwards progress-animation}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);fill:none;r:var(--radius);stroke-width:var(--stroke-width)}.circular-progress circle.bg{stroke:#ddd}.circular-progress circle.fg{stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transform-origin:var(--half-size) var(--half-size);transition:stroke-dasharray .3s linear;transform:rotate(-90deg)}.colored-stat,.stat{counter-reset:num var(--num);animation:2.5s linear forwards num-animation}.colored-stat:after,.stat:after{content:counter(num) "%"}.colored-stat:after{font-size:4rem}@property --progress{syntax:"<number>";inherits:false;initial-value:0}@property --target-progress{syntax:"<number>";inherits:true;initial-value:0}@property --num{syntax:"<integer>";inherits:false;initial-value:0}@property --target-num{syntax:"<integer>";inherits:false;initial-value:0}@keyframes progress-animation{0%{--progress:0}to{--progress:var(--target-progress)}}@keyframes num-animation{0%{--num:0}to{--num:var(--target-num)}}