/*
 * Progress Donut
 * CSS promenne lze prepsat globalne nebo jen v konkretnim kontextu.
 */
.progress-donut {
  --donut-size: 1.25em;
/*   --donut-track: #a9eefa;
  --donut-value: #b9f48b; */
  --donut-track: hsl(189, 80%, 80%);
  --donut-value: hsl(100, 80%, 40%);
  --donut-stroke: 0.28em;

  display: inline-flex;
  width: var(--donut-size);
  height: var(--donut-size);
  margin-left: 0.55em;
  vertical-align: -0.15em;
  line-height: 1;
}

.progress-donut svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.progress-donut__track {
  stroke: var(--donut-track);
}

.progress-donut__value {
  stroke: var(--donut-value);
  transition: stroke-dasharray 0.25s ease;
}

/* Volitelne doladeni pro nadpisy skupin. Nazev tridy uprav podle realneho HTML. */
.group-caption .progress-donut,
.caption .progress-donut {
  --donut-size: 1.2em;
}