<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.circle{height:1em;width:1em;position:relative;display:inline-block;border-radius:50%;box-sizing:content-box;font-size:200px}.circle:after,.circle&gt;.bar,.circle&gt;span{height:100%;width:100%}.circle:after{content:"";position:absolute;top:0;left:0;border-radius:50%;box-sizing:border-box;border:.1em solid #ccc;z-index:-1}.circle&gt;.bar,.circle&gt;.bar:after,.circle&gt;.bar:before,.circle&gt;span{position:absolute;box-sizing:content-box}.circle&gt;span{text-align:center;display:block;font-size:.2em;top:0;left:0;line-height:5em;z-index:9999;color:var(--color);white-space:nowrap;border-radius:50%}.circle&gt;.bar:after,.circle&gt;.bar:before{content:'';height:80%;width:80%;border:.1em solid var(--color);border-radius:50%;clip:rect(0,.5em,1em,0)}.circle[data-fill="8"]&gt;.bar,.circle[data-fill="9"]&gt;.bar,.circle[data-fill="10"]&gt;.bar,.circle[data-fill="11"]&gt;.bar,.circle[data-fill="12"]&gt;.bar,.circle[data-fill="13"]&gt;.bar,.circle[data-fill="14"]&gt;.bar,.circle[data-fill="15"]&gt;.bar,.circle[data-fill="16"]&gt;.bar,.circle[data-fill="17"]&gt;.bar,.circle[data-fill="18"]&gt;.bar,.circle[data-fill="19"]&gt;.bar,.circle[data-fill="20"]&gt;.bar,.circle[data-fill="21"]&gt;.bar,.circle[data-fill="22"]&gt;.bar,.circle[data-fill="23"]&gt;.bar,.circle[data-fill="24"]&gt;.bar,.circle[data-fill="26"]&gt;.bar,.circle[data-fill="27"]&gt;.bar,.circle[data-fill="0"]&gt;.bar,.circle[data-fill="28"]&gt;.bar,.circle[data-fill="29"]&gt;.bar,.circle[data-fill="30"]&gt;.bar,.circle[data-fill="31"]&gt;.bar,.circle[data-fill="32"]&gt;.bar,.circle[data-fill="33"]&gt;.bar,.circle[data-fill="34"]&gt;.bar,.circle[data-fill="35"]&gt;.bar,.circle[data-fill="36"]&gt;.bar,.circle[data-fill="37"]&gt;.bar,.circle[data-fill="1"]&gt;.bar,.circle[data-fill="38"]&gt;.bar,.circle[data-fill="39"]&gt;.bar,.circle[data-fill="40"]&gt;.bar,.circle[data-fill="41"]&gt;.bar,.circle[data-fill="42"]&gt;.bar,.circle[data-fill="43"]&gt;.bar,.circle[data-fill="44"]&gt;.bar,.circle[data-fill="45"]&gt;.bar,.circle[data-fill="46"]&gt;.bar,.circle[data-fill="47"]&gt;.bar,.circle[data-fill="2"]&gt;.bar,.circle[data-fill="48"]&gt;.bar,.circle[data-fill="49"]&gt;.bar,.circle[data-fill="50"]&gt;.bar,.circle[data-fill="3"]&gt;.bar,.circle[data-fill="4"]&gt;.bar,.circle[data-fill="5"]&gt;.bar,.circle[data-fill="6"]&gt;.bar,.circle[data-fill="7"]&gt;.bar{clip:rect(0,1em,1em,.5em)}.circle.big{font-size:300px}.circle.medium{font-size:200px}.circle.small{font-size:100px}.circle.x-small{font-size:50px}.circle[data-fill="0"]&gt;.bar:after,.circle[data-fill="0"]&gt;.bar:before{transform:rotate(0)}.circle[data-fill="1"]&gt;.bar:before{transform:rotate(3.6deg)}.circle[data-fill="1"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="2"]&gt;.bar:before{transform:rotate(7.2deg)}.circle[data-fill="2"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="3"]&gt;.bar:before{transform:rotate(10.8deg)}.circle[data-fill="3"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="4"]&gt;.bar:before{transform:rotate(14.4deg)}.circle[data-fill="4"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="5"]&gt;.bar:before{transform:rotate(18deg)}.circle[data-fill="5"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="6"]&gt;.bar:before{transform:rotate(21.6deg)}.circle[data-fill="6"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="7"]&gt;.bar:before{transform:rotate(25.2deg)}.circle[data-fill="7"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="8"]&gt;.bar:before{transform:rotate(28.8deg)}.circle[data-fill="8"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="9"]&gt;.bar:before{transform:rotate(32.4deg)}.circle[data-fill="9"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="10"]&gt;.bar:before{transform:rotate(36deg)}.circle[data-fill="10"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="11"]&gt;.bar:before{transform:rotate(39.6deg)}.circle[data-fill="11"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="12"]&gt;.bar:before{transform:rotate(43.2deg)}.circle[data-fill="12"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="13"]&gt;.bar:before{transform:rotate(46.8deg)}.circle[data-fill="13"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="14"]&gt;.bar:before{transform:rotate(50.4deg)}.circle[data-fill="14"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="15"]&gt;.bar:before{transform:rotate(54deg)}.circle[data-fill="15"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="16"]&gt;.bar:before{transform:rotate(57.6deg)}.circle[data-fill="16"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="17"]&gt;.bar:before{transform:rotate(61.2deg)}.circle[data-fill="17"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="18"]&gt;.bar:before{transform:rotate(64.8deg)}.circle[data-fill="18"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="19"]&gt;.bar:before{transform:rotate(68.4deg)}.circle[data-fill="19"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="20"]&gt;.bar:before{transform:rotate(72deg)}.circle[data-fill="20"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="21"]&gt;.bar:before{transform:rotate(75.6deg)}.circle[data-fill="21"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="22"]&gt;.bar:before{transform:rotate(79.2deg)}.circle[data-fill="22"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="23"]&gt;.bar:before{transform:rotate(82.8deg)}.circle[data-fill="23"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="24"]&gt;.bar:before{transform:rotate(86.4deg)}.circle[data-fill="24"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="25"]&gt;.bar{clip:rect(0,1em,1em,.5em)}.circle[data-fill="25"]&gt;.bar:before{transform:rotate(90deg)}.circle[data-fill="25"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="26"]&gt;.bar:before{transform:rotate(93.6deg)}.circle[data-fill="26"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="27"]&gt;.bar:before{transform:rotate(97.2deg)}.circle[data-fill="27"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="28"]&gt;.bar:before{transform:rotate(100.8deg)}.circle[data-fill="28"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="29"]&gt;.bar:before{transform:rotate(104.4deg)}.circle[data-fill="29"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="30"]&gt;.bar:before{transform:rotate(108deg)}.circle[data-fill="30"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="31"]&gt;.bar:before{transform:rotate(111.6deg)}.circle[data-fill="31"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="32"]&gt;.bar:before{transform:rotate(115.2deg)}.circle[data-fill="32"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="33"]&gt;.bar:before{transform:rotate(118.8deg)}.circle[data-fill="33"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="34"]&gt;.bar:before{transform:rotate(122.4deg)}.circle[data-fill="34"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="35"]&gt;.bar:before{transform:rotate(126deg)}.circle[data-fill="35"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="36"]&gt;.bar:before{transform:rotate(129.6deg)}.circle[data-fill="36"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="37"]&gt;.bar:before{transform:rotate(133.2deg)}.circle[data-fill="37"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="38"]&gt;.bar:before{transform:rotate(136.8deg)}.circle[data-fill="38"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="39"]&gt;.bar:before{transform:rotate(140.4deg)}.circle[data-fill="39"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="40"]&gt;.bar:before{transform:rotate(144deg)}.circle[data-fill="40"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="41"]&gt;.bar:before{transform:rotate(147.6deg)}.circle[data-fill="41"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="42"]&gt;.bar:before{transform:rotate(151.2deg)}.circle[data-fill="42"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="43"]&gt;.bar:before{transform:rotate(154.8deg)}.circle[data-fill="43"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="44"]&gt;.bar:before{transform:rotate(158.4deg)}.circle[data-fill="44"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="45"]&gt;.bar:before{transform:rotate(162deg)}.circle[data-fill="45"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="46"]&gt;.bar:before{transform:rotate(165.6deg)}.circle[data-fill="46"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="47"]&gt;.bar:before{transform:rotate(169.2deg)}.circle[data-fill="47"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="48"]&gt;.bar:before{transform:rotate(172.8deg)}.circle[data-fill="48"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="49"]&gt;.bar:before{transform:rotate(176.4deg)}.circle[data-fill="49"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="98"]&gt;.bar,.circle[data-fill="99"]&gt;.bar,.circle[data-fill="100"]&gt;.bar,.circle[data-fill="51"]&gt;.bar,.circle[data-fill="52"]&gt;.bar,.circle[data-fill="53"]&gt;.bar,.circle[data-fill="54"]&gt;.bar,.circle[data-fill="55"]&gt;.bar,.circle[data-fill="56"]&gt;.bar,.circle[data-fill="57"]&gt;.bar,.circle[data-fill="58"]&gt;.bar,.circle[data-fill="59"]&gt;.bar,.circle[data-fill="60"]&gt;.bar,.circle[data-fill="61"]&gt;.bar,.circle[data-fill="62"]&gt;.bar,.circle[data-fill="63"]&gt;.bar,.circle[data-fill="64"]&gt;.bar,.circle[data-fill="65"]&gt;.bar,.circle[data-fill="66"]&gt;.bar,.circle[data-fill="67"]&gt;.bar,.circle[data-fill="68"]&gt;.bar,.circle[data-fill="69"]&gt;.bar,.circle[data-fill="70"]&gt;.bar,.circle[data-fill="71"]&gt;.bar,.circle[data-fill="72"]&gt;.bar,.circle[data-fill="73"]&gt;.bar,.circle[data-fill="74"]&gt;.bar,.circle[data-fill="76"]&gt;.bar,.circle[data-fill="77"]&gt;.bar,.circle[data-fill="78"]&gt;.bar,.circle[data-fill="79"]&gt;.bar,.circle[data-fill="80"]&gt;.bar,.circle[data-fill="81"]&gt;.bar,.circle[data-fill="82"]&gt;.bar,.circle[data-fill="83"]&gt;.bar,.circle[data-fill="84"]&gt;.bar,.circle[data-fill="85"]&gt;.bar,.circle[data-fill="86"]&gt;.bar,.circle[data-fill="87"]&gt;.bar,.circle[data-fill="88"]&gt;.bar,.circle[data-fill="89"]&gt;.bar,.circle[data-fill="90"]&gt;.bar,.circle[data-fill="91"]&gt;.bar,.circle[data-fill="92"]&gt;.bar,.circle[data-fill="93"]&gt;.bar,.circle[data-fill="94"]&gt;.bar,.circle[data-fill="95"]&gt;.bar,.circle[data-fill="96"]&gt;.bar,.circle[data-fill="97"]&gt;.bar{clip:rect(auto,auto,auto)}.circle[data-fill="50"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="50"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="51"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="51"]&gt;.bar:after{transform:rotate(0)}.circle[data-fill="52"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="52"]&gt;.bar:after{transform:rotate(187.2deg)}.circle[data-fill="53"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="53"]&gt;.bar:after{transform:rotate(190.8deg)}.circle[data-fill="54"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="54"]&gt;.bar:after{transform:rotate(194.4deg)}.circle[data-fill="55"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="55"]&gt;.bar:after{transform:rotate(198deg)}.circle[data-fill="56"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="56"]&gt;.bar:after{transform:rotate(201.6deg)}.circle[data-fill="57"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="57"]&gt;.bar:after{transform:rotate(205.2deg)}.circle[data-fill="58"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="58"]&gt;.bar:after{transform:rotate(208.8deg)}.circle[data-fill="59"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="59"]&gt;.bar:after{transform:rotate(212.4deg)}.circle[data-fill="60"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="60"]&gt;.bar:after{transform:rotate(216deg)}.circle[data-fill="61"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="61"]&gt;.bar:after{transform:rotate(219.6deg)}.circle[data-fill="62"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="62"]&gt;.bar:after{transform:rotate(223.2deg)}.circle[data-fill="63"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="63"]&gt;.bar:after{transform:rotate(226.8deg)}.circle[data-fill="64"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="64"]&gt;.bar:after{transform:rotate(230.4deg)}.circle[data-fill="65"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="65"]&gt;.bar:after{transform:rotate(234deg)}.circle[data-fill="66"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="66"]&gt;.bar:after{transform:rotate(237.6deg)}.circle[data-fill="67"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="67"]&gt;.bar:after{transform:rotate(241.2deg)}.circle[data-fill="68"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="68"]&gt;.bar:after{transform:rotate(244.8deg)}.circle[data-fill="69"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="69"]&gt;.bar:after{transform:rotate(248.4deg)}.circle[data-fill="70"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="70"]&gt;.bar:after{transform:rotate(252deg)}.circle[data-fill="71"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="71"]&gt;.bar:after{transform:rotate(255.6deg)}.circle[data-fill="72"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="72"]&gt;.bar:after{transform:rotate(259.2deg)}.circle[data-fill="73"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="73"]&gt;.bar:after{transform:rotate(262.8deg)}.circle[data-fill="74"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="74"]&gt;.bar:after{transform:rotate(266.4deg)}.circle[data-fill="75"]&gt;.bar{clip:rect(auto,auto,auto)}.circle[data-fill="75"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="75"]&gt;.bar:after{transform:rotate(270deg)}.circle[data-fill="76"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="76"]&gt;.bar:after{transform:rotate(273.6deg)}.circle[data-fill="77"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="77"]&gt;.bar:after{transform:rotate(277.2deg)}.circle[data-fill="78"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="78"]&gt;.bar:after{transform:rotate(280.8deg)}.circle[data-fill="79"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="79"]&gt;.bar:after{transform:rotate(284.4deg)}.circle[data-fill="80"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="80"]&gt;.bar:after{transform:rotate(288deg)}.circle[data-fill="81"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="81"]&gt;.bar:after{transform:rotate(291.6deg)}.circle[data-fill="82"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="82"]&gt;.bar:after{transform:rotate(295.2deg)}.circle[data-fill="83"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="83"]&gt;.bar:after{transform:rotate(298.8deg)}.circle[data-fill="84"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="84"]&gt;.bar:after{transform:rotate(302.4deg)}.circle[data-fill="85"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="85"]&gt;.bar:after{transform:rotate(306deg)}.circle[data-fill="86"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="86"]&gt;.bar:after{transform:rotate(309.6deg)}.circle[data-fill="87"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="87"]&gt;.bar:after{transform:rotate(313.2deg)}.circle[data-fill="88"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="88"]&gt;.bar:after{transform:rotate(316.8deg)}.circle[data-fill="89"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="89"]&gt;.bar:after{transform:rotate(320.4deg)}.circle[data-fill="90"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="90"]&gt;.bar:after{transform:rotate(324deg)}.circle[data-fill="91"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="91"]&gt;.bar:after{transform:rotate(327.6deg)}.circle[data-fill="92"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="92"]&gt;.bar:after{transform:rotate(331.2deg)}.circle[data-fill="93"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="93"]&gt;.bar:after{transform:rotate(334.8deg)}.circle[data-fill="94"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="94"]&gt;.bar:after{transform:rotate(338.4deg)}.circle[data-fill="95"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="95"]&gt;.bar:after{transform:rotate(342deg)}.circle[data-fill="96"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="96"]&gt;.bar:after{transform:rotate(345.6deg)}.circle[data-fill="97"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="97"]&gt;.bar:after{transform:rotate(349.2deg)}.circle[data-fill="98"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="98"]&gt;.bar:after{transform:rotate(352.8deg)}.circle[data-fill="99"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="99"]&gt;.bar:after{transform:rotate(356.4deg)}.circle[data-fill="100"]&gt;.bar:before{transform:rotate(180deg)}.circle[data-fill="100"]&gt;.bar:after{transform:rotate(360deg)}</pre></body></html>