/* Start:/bitrix/templates/centrenergo_eng/components/bitrix/news.detail/about-page/style.css?17738186651218*/
  .indicators .item .circle-wrap{
	width: var(--size); height: var(--size);
	border-radius:50%;
	background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 60%, rgb(214,229,255) 100%);
	background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 60%, rgb(214,229,255) 100%);
	background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 60%, rgb(214,229,255) 100%);
	position: relative;
	display:grid; place-items:center;
	margin-bottom: 20px; opacity: 0;
  }
  .indicators .item.card .circle-wrap{opacity: 1;}
  :root{
	--r: calc((var(--size) - var(--stroke)*1px)/2);
	--circ: calc(2 * 3.1416 * var(--r));
  }
  .indicators .item svg {position:relative; z-index:1}
  .card .track{
	stroke:rgba(223, 232, 247, 0);
  }
  .card .progress{
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	stroke-linecap: round;
	stroke-dasharray: var(--circ);
	stroke-dashoffset: var(--circ);
	animation: fill var(--duration) ease-out forwards;
	filter: drop-shadow(0 2px 3px rgba(0,0,0,.12))
			drop-shadow(0 -2px 3px rgba(255,255,255,.6));
  }
  @keyframes fill{
	to {stroke-dashoffset: calc(var(--circ) * (1 - (var(--value)/var(--max))));}
  }
/* End */
/* /bitrix/templates/centrenergo_eng/components/bitrix/news.detail/about-page/style.css?17738186651218 */