.fps-chart{--fc-range-size:22px;--fc-active-range-size:30px;font-size:22px;position:relative}.fps-chart__range{aspect-ratio:1/1;position:absolute;transform:rotate(-107deg);transform-origin:center center;width:100%}.fps-chart__range:before{background:conic-gradient(transparent 0deg,#4b3e8d 0deg,#755cdd 214deg,transparent 214deg);border-radius:inherit;content:"";top:4px;right:4px;bottom:4px;left:4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--fc-range-size);position:absolute}.fps-chart__val{aspect-ratio:1/1;left:50%;position:absolute;top:0;transform:translate(-50%) rotate(-107deg);transform-origin:center center;transition:transform .2s;width:100%}.fps-chart__val:after,.fps-chart__val:before{border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:var(--fc-active-range-size);position:absolute}.fps-chart__val:before{background:conic-gradient(transparent var(--arc-start),#2fc1d4 var(--arc-start),#2fc1d4 var(--arc-end),transparent var(--arc-end))}.fps-chart__val:after{background:conic-gradient(transparent var(--arc-start),rgba(133,255,197,var(--arc-opacity-start)) var(--arc-start),rgba(133,255,197,var(--arc-opacity-end)) var(--arc-end),transparent var(--arc-end))}.fps-chart__text{font-size:inherit;left:50%;position:absolute;top:65%;transform:translate(-50%);white-space:nowrap}