.slide-x-enter-active{transition:all .3s ease-out}.slide-x-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-x-enter-from,.slide-x-leave-to{opacity:0;transform:translate(20px)}.circular-progress{--half-size:calc(var(--size)/2);--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*pi*2);--dash:calc((var(--progress)*var(--circumference))/100)}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);fill:none;r:var(--radius);stroke-linecap:round;stroke-width:var(--stroke-width)}.circular-progress circle.bg{stroke:var(--ed7b063e)}.circular-progress circle.fg{stroke:var(--e5fe9bce);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);transition:stroke-dasharray .3s linear 0s}