.c-project-detail{border:1px solid silver;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.c-project-detail--skeleton{pointer-events:none}.c-progress-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.c-progress-bar__fill{background:-webkit-gradient(linear,left top,right top,from(#4caf50),to(#8bc34a));background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;-webkit-transition:width .3s ease;transition:width .3s ease;width:0}.c-progress-bar__text{color:#666;font-size:.875rem;left:0;position:absolute;top:8px}.c-skeleton{-webkit-animation:skeleton-loading 1.5s infinite;animation:skeleton-loading 1.5s infinite;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.c-skeleton--title{height:24px;width:70%}.c-skeleton--text{height:16px;width:40%}@-webkit-keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}