.xp-env{
  display:block;margin:14px 0;padding:13px 15px;border:1px solid #e4e4e6;border-radius:10px;
  background:#fafafa;font-family:inherit;
}
.xp-env--listo{border-color:#bfe3cd;background:#f3faf6}
.xp-env__t{display:flex;align-items:center;gap:8px;font-size:14.5px;line-height:1.35;color:#1d1d1f;margin:0 0 9px;font-weight:600}
.xp-env__t b{color:#0c0c0c}
.xp-env--listo .xp-env__t{color:#1f6b45}
.xp-env__ico{flex:0 0 auto;width:18px;height:18px;display:block}
.xp-env__pista{position:relative;height:7px;border-radius:999px;background:#e6e6e9;overflow:hidden}
.xp-env__barra{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#0c0c0c;width:0;transition:width .5s cubic-bezier(.22,.61,.36,1)}
.xp-env--listo .xp-env__barra{background:#2f9e63}
.xp-env__pie{margin:8px 0 0;font-size:12.5px;color:#6b6b70}

@media (prefers-reduced-motion:reduce){ .xp-env__barra{transition:none} }