:root{--step-inactive-bg:#e2e8f0;--step-inactive-color:#64748b;--step-active-bg:#2563eb;--step-active-color:#fff;--step-complete-bg:#2563eb;--step-complete-color:#93c5fd;--step-connector-bg:#2563eb;--border-color:#e2e8f0}@media (prefers-color-scheme:dark){:root{--step-inactive-bg:#334155;--step-inactive-color:#94a3b8;--step-active-bg:#3b82f6;--step-active-color:#fff;--step-complete-bg:#3b82f6;--step-complete-color:#bfdbfe;--step-connector-bg:#3b82f6;--border-color:#334155}}.outer-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;display:flex}.step-circle-container{background:0 0;border-radius:1.5rem;width:100%;margin-left:auto;margin-right:auto}.step-indicator-row{align-items:center;width:100%;padding:1.5rem 1rem;display:flex}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:1rem;padding-right:1rem}.footer-container{border-top:1px solid var(--border-color);padding:1rem 1rem 1.5rem}.footer-nav{display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{color:var(--step-inactive-color);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .25s}.back-button:hover{background-color:var(--step-inactive-bg)}.back-button.inactive{pointer-events:none;opacity:.5}.next-button{background-color:var(--step-active-bg);color:#fff;cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 6px -1px #2563eb33}.next-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.next-button:active{transform:translateY(0)}.step-indicator{cursor:pointer;outline:none;position:relative}.step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:600;display:flex}.active-dot{background-color:#fff;border-radius:9999px;width:.75rem;height:.75rem}.step-number{font-size:.875rem}.step-connector{background-color:var(--step-inactive-bg);border-radius:.25rem;flex:1;height:.15rem;margin-left:.5rem;margin-right:.5rem;position:relative;overflow:hidden}.step-connector-inner{height:100%;position:absolute;top:0;left:0}.check-icon{color:#fff;width:1.25rem;height:1.25rem}@media (max-width:639px){.step-indicator-row{padding:1rem .75rem}.step-indicator-inner{width:1.9rem;height:1.9rem}.step-connector{margin-left:.35rem;margin-right:.35rem}.step-default{padding-left:.75rem;padding-right:.75rem}.footer-container{padding-bottom:1rem;padding-left:.75rem;padding-right:.75rem}.footer-nav,.footer-nav.spread,.footer-nav.end{flex-direction:column-reverse;justify-content:stretch;gap:.75rem}.back-button,.next-button{justify-content:center;width:100%}}