cloud-ciricle-download{--cloud-circle-size: 180px;--cloud-circle-stroke: 10px;--cloud-circle-color: #20c8cf;--cloud-circle-track: #e7f7f8;--cloud-circle-text: #6b6b6b;--cloud-ready-bob-duration: 0.9s;--cloud-ready-bob-distance: 6px;--cloud-ready-bob-iterations: 3;display:inline-flex;align-items:center;justify-content:center;width:var(--cloud-circle-size);height:var(--cloud-circle-size)}cloud-ciricle-download .cloud-ciricle-download{position:relative;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}cloud-ciricle-download .cloud-ciricle-download__ring{width:100%;height:100%;transform:rotate(-90deg)}cloud-ciricle-download .cloud-ciricle-download__track,cloud-ciricle-download .cloud-ciricle-download__indicator{fill:none;stroke-width:var(--cloud-circle-stroke)}cloud-ciricle-download .cloud-ciricle-download__track{stroke:var(--cloud-circle-track)}cloud-ciricle-download .cloud-ciricle-download__indicator{stroke:var(--cloud-circle-color);stroke-linecap:round;transition:stroke-dashoffset .08s linear}cloud-ciricle-download .cloud-ciricle-download__label{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--cloud-circle-text);transition:opacity .2s ease}cloud-ciricle-download .cloud-ciricle-download__ready{position:absolute;width:56%;opacity:0;transform:translateY(0)}cloud-ciricle-download.is-complete .cloud-ciricle-download__label{opacity:0}cloud-ciricle-download.is-complete .cloud-ciricle-download__ready{opacity:1;animation:cloud-ciricle-download-bob var(--cloud-ready-bob-duration) ease-in-out 0s var(--cloud-ready-bob-iterations)}@keyframes cloud-ciricle-download-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--cloud-ready-bob-distance) * -1))}}