.mp-native-progress{position:relative;margin:12px 0 0;padding:17px 12px 0;border:1px solid rgba(0,182,122,.16);border-radius:14px;background:linear-gradient(135deg,rgba(0,182,122,.075),rgba(255,255,255,.9));overflow:hidden}
.mp-native-progress__track{position:absolute;top:29px;left:17%;right:17%;height:3px;border-radius:999px;background:#d8ddda;overflow:hidden}
.mp-native-progress__track span{display:block;width:var(--mp-progress);height:100%;border-radius:inherit;background:#00b67a;transition:width .38s cubic-bezier(.22,.75,.25,1)}
.mp-native-progress__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mp-native-progress__step{display:flex;flex-direction:column;align-items:center;min-width:0;color:#8b918e;text-align:center}
.mp-native-progress__step>span{display:grid;place-items:center;width:27px;height:27px;margin:0 0 7px;border:2px solid #fff;border-radius:50%;background:#d8ddda;color:transparent;font-size:12px;font-weight:800;box-shadow:0 1px 4px rgba(17,17,17,.09);transition:background-color .25s ease,color .25s ease,transform .25s ease}
.mp-native-progress__step.is-active{color:#12231d}
.mp-native-progress__step.is-active>span{background:#00b67a;color:#fff;transform:scale(1.04)}
.mp-native-progress__step strong{font-size:11px;line-height:1.1}
.mp-native-progress__step small{margin-top:3px;font-size:9px;line-height:1;color:inherit}
.mp-native-progress__message{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px -12px 0;padding:10px 12px;border-top:1px solid rgba(0,182,122,.14);background:rgba(255,255,255,.72);color:#08734f;font-size:11.5px;font-weight:700;line-height:1.2;text-align:center}
.mp-native-progress__message svg{width:19px;height:19px;flex:0 0 19px}
.mp-native-progress.is-updating .mp-native-progress__message span{animation:mp-native-message .28s ease}
@keyframes mp-native-message{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}