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