.visible-hidden{visibility:hidden}:root{--color-progress:#223ce9;--color-progress-alpha:#22a1e9}.description{margin-top:45px}.progress{--progress-value:50;--progress-indicator-size:450px;--progress-size:240px;--progress-inner-size:calc(var(--progress-size) - 20px);border:5px solid var(--color-progress-alpha)}.progress:before{content:"";border-radius:50%;width:50%;min-width:8px;height:50%;min-height:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress[data-value="100"]{--color-progress:#557c55;--color-progress-alpha:#a6cf98}.progress[data-value="100"]:before{animation:1.3s .1s infinite both progress-firework}.progress,.progress-inner{width:var(--progress-size);height:var(--progress-size);border-radius:var(--progress-size);background:var(--color-gray);flex-flow:wrap;place-content:center;align-items:center;display:flex;position:relative}.progress-inner{width:var(--progress-inner-size);height:var(--progress-inner-size);border:none;margin:auto;overflow:hidden}.progress--upper-half-value .progress-label{color:var(--color-light-gray)!important}.progress-label-value{width:90%;color:var(--color-black);text-align:center;display:inline-block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.progress-label-value strong{font-size:200%}.progress-label-value span{font-size:120%}.progress-label{width:90%;color:var(--color-black);text-align:center;display:inline-block;position:absolute;top:70%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.progress-label strong{font-size:200%}.progress-label span{font-size:120%}.progress-indicator{background:var(--color-progress);transform-origin:50%;opacity:.6;top:calc(100% - var(--progress-value)*1%);width:var(--progress-indicator-size);height:var(--progress-indicator-size);border-radius:calc(var(--progress-indicator-size) / 2.5);animation:8s linear infinite both progress-wave-animation;position:absolute;left:-50%;right:50%}.progress-indicator:nth-child(2){background:var(--color-progress-alpha);border-radius:90px;transform:rotate(90deg)}@keyframes progress-firework{0%,0%{background:var(--color-progress);opacity:1;width:50%;height:50%}30%{opacity:1}to,to{background:var(--color-progress-alpha);opacity:0;width:150%;height:150%}}@keyframes progress-wave-animation{to,to{transform:rotate(360deg)}}.description{justify-content:space-between;place-items:center;max-width:300px;display:flex}.description input{max-width:30%}.watermark{color:var(--color-primary);align-self:start;margin-top:2rem}