.dsb_progress__circular-wrapper {
  width: fit-content;
}
.dsb_progress__circular_standart {
  width: 44px;
  height: 44px;
}
.dsb_progress__circular_standart .dsb_progress-circle {
  stroke: #fdd835;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 250ms;
}
.dsb_progress__circular_standart .dsb_progress-circle__track, .dsb_progress__circular_standart .dsb_progress-circle__indication {
  transform-origin: 50% 50%;
  cx: 22px;
  cy: 22px;
  r: 19px;
  fill: transparent;
  stroke-width: 6px;
}
.dsb_progress__circular_standart .dsb_progress-circle__track {
  --color-divider: rgba(25, 28, 52, 0.12);
  stroke: var(--color-divider);
}
.dsb_progress__circular_standart .dsb_progress-circle__indication {
  stroke: #fdd835;
  stroke-linecap: round;
}
.dsb_progress__circular_standart .dsb_progress-circle__indication_completed {
  stroke-linecap: square;
}
.dsb_progress__circular_standart .dsb_progress-circle__cycled {
  animation: colors 1300ms linear infinite, circle-rotate 1300ms linear infinite, dash 1300ms linear infinite;
}
@keyframes circle-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 11.9380520836px, 119.3805208364px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89.5353906273px, 119.3805208364px;
  }
  100% {
    stroke-dasharray: 89.5353906273px, 107.4424687528px;
    stroke-dashoffset: -119.3805208364px;
  }
}
@keyframes colors {
  0% {
    stroke: #fdb435;
  }
  50% {
    stroke: #fdd835;
  }
  100% {
    stroke: #fdb435;
  }
}
.dsb_progress__circular_mini {
  width: 20px;
  height: 20px;
}
.dsb_progress__circular_mini .dsb_progress-circle {
  stroke: #fdd835;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 250ms;
}
.dsb_progress__circular_mini .dsb_progress-circle__track, .dsb_progress__circular_mini .dsb_progress-circle__indication {
  transform-origin: 50% 50%;
  cx: 10px;
  cy: 10px;
  r: 8.5px;
  fill: transparent;
  stroke-width: 3px;
}
.dsb_progress__circular_mini .dsb_progress-circle__track {
  stroke: var(--color-divider);
}
.dsb_progress__circular_mini .dsb_progress-circle__indication {
  stroke: #fdd835;
  stroke-linecap: round;
}
.dsb_progress__circular_mini .dsb_progress-circle__indication_completed {
  stroke-linecap: square;
}
.dsb_progress__circular_mini .dsb_progress-circle__cycled {
  animation: colors-mini 1300ms linear infinite, rotate-mini 1300ms linear infinite, dash-mini 1300ms ease-in infinite;
}
@keyframes rotate-mini {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash-mini {
  0% {
    stroke-dasharray: 5.3407075111px, 53.407075111px;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 40.0553063333px, 53.407075111px;
  }
  100% {
    stroke-dasharray: 40.0553063333px, 48.0663675999px;
    stroke-dashoffset: -53.407075111px;
  }
}
@keyframes colors-mini {
  0% {
    stroke: #fdb435;
  }
  50% {
    stroke: #fdd835;
  }
  100% {
    stroke: #fdb435;
  }
}