@import "@Themes/constants.scss";

.root {
	display: flex;
	align-items: center;
	gap: 24px;

	svg {
		width: 100%;
		height: 100%;
		transform: rotate(-90deg);

		.circleBackground {
			fill: none;
			stroke: var(--background-elevation-2);
		}

		.circleProgress {
			fill: none;
			stroke: var(--color-secondary-500);
			transition: stroke-dashoffset 0.35s;
		}
	}
}