.round_progress{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;height:100%}.round_progress svg{width:100%}.round_progress svg circle.ctr{opacity:.75;fill:var(--x,transparent)}.round_progress svg circle.contour{opacity:.18;fill:transparent;stroke:var(--x,var(--grey))}.round_progress svg circle.stroke{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:draw-stroke 1.5s ease-in-out forwards;animation:draw-stroke 1.5s ease-in-out forwards;fill:transparent;stroke:var(--y,var(--accent1));stroke-dasharray:300;--svg-odo:300}.round_progress .number{position:absolute;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);margin-top:50%}.round_progress .number span{opacity:.65}.round_progress p.title{margin-top:1em}