.step-track{align-items:flex-start;gap:0;width:100%;display:flex}.step-item{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.step-row{align-items:center;width:100%;display:flex}.step-connector{background:#e8d9c4;border-radius:9999px;flex:1;height:2px;position:relative;overflow:hidden}.dark .step-connector,:is(.dark *) .step-connector{background:#334155}@media (prefers-color-scheme:dark){.step-connector{background:#334155}}.step-connector-fill{border-radius:inherit;background:#0b2545;width:0;transition:width .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.step-connector.is-filled .step-connector-fill{width:100%}.step-dot{color:#0b2545;background:#f6f3ec;border:1px solid #0b254529;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.7rem;font-weight:700;transition:background-color .35s,color .35s,box-shadow .35s,border-color .35s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.dark .step-dot{color:#e8d9c4;background:#334155;border-color:#e8d9c433}@media (prefers-color-scheme:dark){.step-dot{color:#e8d9c4;background:#334155;border-color:#e8d9c433}}.step-dot.is-current{color:#e8d9c4;background:#0b2545;border-color:#0b2545;transform:scale(1.08);box-shadow:0 0 0 4px #0b25452e}@media (prefers-color-scheme:dark){.step-dot.is-current,.step-dot.is-done{color:#fff7ed;background:#e85d04;border-color:#e85d04}.step-connector-fill,.step-v-line-fill{background:#e85d04}}@media (prefers-reduced-motion:no-preference){.step-dot.is-current{animation:2.2s ease-in-out infinite step-current-pulse}}.step-dot.is-done{color:#e8d9c4;background:#0b2545;border-color:#0b2545;box-shadow:0 0 #0000}@media (prefers-reduced-motion:no-preference){.step-dot.is-done{animation:.45s cubic-bezier(.22,1,.36,1) both step-check-pop}}.step-dot .step-check{width:.85rem;height:.85rem;display:block}.step-label{text-align:center;color:#8b7355;max-width:100%;margin-top:.4rem;font-size:.65rem;font-weight:600;line-height:1.2;transition:color .3s,opacity .3s}@media (min-width:640px){.step-label{font-size:.75rem}}.step-label.is-active{color:#0b2545}.dark .step-label.is-active{color:#e8d9c4}@media (prefers-color-scheme:dark){.step-label.is-active{color:#e8d9c4}}.step-label.is-done{color:#0b2545;opacity:.9}.dark .step-label.is-done{color:#e8d9c4}@media (prefers-color-scheme:dark){.step-label.is-done{color:#e8d9c4}}.step-v{gap:1rem;animation:.45s both oel-step-enter;display:flex}.step-v-rail{flex-direction:column;flex-shrink:0;align-items:center;width:1.75rem;display:flex}.step-v-line{background:#e8d9c4;border-radius:9999px;flex:1;width:2px;min-height:1.5rem;margin-top:.35rem;position:relative;overflow:hidden}.dark .step-v-line{background:#334155}@media (prefers-color-scheme:dark){.step-v-line{background:#334155}}.step-v-line-fill{background:#0b2545;height:0;transition:height .65s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0}.step-v.is-done .step-v-line-fill,.step-v.is-past .step-v-line-fill{height:100%}.step-v.is-current .step-v-line-fill{height:40%}.step-v-body{opacity:.5;flex:1;padding-bottom:1.75rem;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);transform:translateY(6px)}.step-v.is-current .step-v-body,.step-v.is-done .step-v-body,.step-v.is-past .step-v-body{opacity:1;transform:translateY(0)}@keyframes step-check-pop{0%{opacity:.35;transform:scale(.55)}55%{transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes step-current-pulse{0%,to{box-shadow:0 0 0 4px #0b25452e}50%{box-shadow:0 0 0 7px #e85d0429}}@keyframes oel-step-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.step-dot.is-current,.step-dot.is-done,.step-v{animation:none!important}.step-dot.is-current{transform:none}.step-connector-fill,.step-v-line-fill,.step-v-body,.step-dot,.step-label{transition:none!important}.step-v-body{opacity:1;transform:none!important}}@keyframes oel-rise{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.step-indicator,.step-track{background:#000!important}}