.circle-loader-component{background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:flex-end;width:124px;min-width:124px;height:124px;min-height:124px;display:flex;position:relative;overflow:hidden}.circle-loader-component .circle-progress{width:100%}.circle-loader-component img{width:100%;height:100%;position:absolute;transform:scale(0)}.circle-loader-component.loading .circle-progress{height:80%;animation:3s forwards loading-circle}.circle-loader-component.completed .circle-progress{height:100%;animation:1s loading-completed-circle}.circle-loader-component.completed img{animation:1s checkMark;transform:scale(1)}@keyframes loading-circle{0%{height:0%}50%{height:70%}to{height:80%}}@keyframes loading-completed-circle{0%{height:inherit}to{height:100%}}@keyframes checkMark{0%{transform:scale(0)}85%{transform:scale(0)}90%{transform:scale(1.1)}95%{transform:scale(.9)}to{transform:scale(1)}}