.mission{width:650px;border:1px solid #ccc;border-radius:10px;padding:30px 35px 15px 35px;box-shadow:0 0 2px #ccc;position:relative;margin-bottom:10px}.mission .title{padding:0 5px;position:absolute;left:30px;top:-20px;background-color:#fff}.mission .title .img{min-height:50px;display:flex;align-items:flex-start;justify-content:flex-start;margin:0 5px}.mission .title .content{min-height:40px;font-weight:500;padding:0 5px}.mission .title .content p{margin:0;padding:0;line-height:15px}.mission .title .content p span{color:#ff5328;font-weight:700}.mission .progress{margin:0 5px;border-radius:20px;background-color:#ccc;position:relative;-webkit-animation:animate .5s forwards;animation:animate .5s forwards}.mission .progress,.mission .progress__children{height:15px;transform:scaleX(0);transform-origin:left}.mission .progress__children{position:absolute;border-top-left-radius:20px;border-bottom-left-radius:20px;background:linear-gradient(#fac371,#f0f0f0,#fac371);-webkit-animation:animate .5s 1s forwards;animation:animate .5s 1s forwards}.mission .progress__children.full{border-top-right-radius:20px;border-bottom-right-radius:20px;background:linear-gradient(#11a3e8,#f0f0f0,#11a3e8)!important}.mission .progress__children.full>.tooltip{background-color:#11a3e8}.mission .progress__children.full>.tooltip:after{border-color:#11a3e8 transparent transparent transparent}.mission .progress__children .tooltip{position:absolute;padding-top:2px;top:-30px;right:-22px;background-color:#fac371;border-radius:20px;color:#fff;font-weight:700;display:flex;justify-content:center;width:44px;transform:scaleX(0);-webkit-animation:animate 1s forwards;animation:animate 1s forwards;transform-origin:left}.mission .progress__children .tooltip:after{content:"";position:absolute;bottom:50%;bottom:-10px;margin-top:-5px;border-width:5px;border-style:solid;border-color:#fac371 transparent transparent transparent}@-webkit-keyframes animate{to{transform:scaleX(1)}}@keyframes animate{to{transform:scaleX(1)}}.card-mission{-webkit-animation:scale-mission .5s ease-in-out;animation:scale-mission .5s ease-in-out}@-webkit-keyframes scale-mission{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale-mission{0%{transform:scale(0)}to{transform:scale(1)}}