.wrap.svelte-10w10mj{position:relative;width:100%;&.vertical{display:contents}.steps-nav{display:none;position:absolute;top:calc(.5rem + var(--circle-size, 32px) / 2);translate:0 -50%;z-index:2;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 2px 6px #0000001f,0 1px 2px #00000014;&:has(button:where(.svelte-10w10mj):disabled){opacity:.32;box-shadow:none}}.steps-nav-prev{left:-.75rem}.steps-nav-next{right:-.75rem}@media(hover:hover)and (pointer:fine){.steps-nav{display:inline-flex}}}.steps.svelte-10w10mj{display:flex;align-items:flex-start;width:100%;&.vertical{flex-direction:column}&.horizontal{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:.5rem;margin-block:-.5rem;mask-image:linear-gradient(to right,transparent 0,black var(--fade-l, 0px),black calc(100% - var(--fade-r, 0px)),transparent 100%)}&.horizontal::-webkit-scrollbar{display:none}}.step.svelte-10w10mj{display:flex;position:relative;&.horizontal{flex-direction:column;align-items:center;flex:1;min-width:var(--step-min-width, 7rem);scroll-snap-align:center}&.vertical{flex-direction:column;align-items:flex-start;flex:none;&:not(:last-child){padding-bottom:2rem}}}.main.svelte-10w10mj{display:flex;gap:.625rem;transform-origin:center;transition:scale .15s ease;&:has(button.circle:where(.svelte-10w10mj):active){scale:.95}.step.horizontal:where(.svelte-10w10mj) &{flex-direction:column;align-items:center}.step.vertical:where(.svelte-10w10mj) &{flex-direction:row;align-items:flex-start}}.circle.svelte-10w10mj{width:var(--circle-size);height:var(--circle-size);min-width:var(--circle-size);min-height:var(--circle-size);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:var(--step-font-size);border:2px solid light-dark(var(--color-border, #d1d5db),var(--color-border, #4b5563));background:transparent;color:light-dark(var(--color-text-disabled, #9ca3af),var(--color-text-disabled, #6b7280));position:relative;padding:0;cursor:default;outline:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;svg:where(.svelte-10w10mj){width:55%;height:55%}.step.complete:where(.svelte-10w10mj) &{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a);color:#fff}.step.current:where(.svelte-10w10mj) &{background:var(--color-surface, light-dark(#ffffff, #111111));border-color:var(--color-text, light-dark(#1a1a1a, #f5f5f5));color:var(--color-text, light-dark(#1a1a1a, #f5f5f5));font-weight:600;animation:svelte-10w10mj-steps-pulse 2.4s ease-in-out infinite}.step.error:where(.svelte-10w10mj) &{background:var(--color-error, #dc2626);border-color:var(--color-error, #dc2626);color:#fff;animation:svelte-10w10mj-steps-shake .4s ease}}button.circle.svelte-10w10mj{cursor:pointer;&:hover{transition:none}.step.complete:where(.svelte-10w10mj) &:hover{background:var(--color-success-active, #128b7e);border-color:var(--color-success-active, #128b7e)}.step.error:where(.svelte-10w10mj) &:hover{background:var(--color-error-active, light-dark(#ca3030, #f55d5d));border-color:var(--color-error-active, light-dark(#ca3030, #f55d5d))}.step.upcoming:where(.svelte-10w10mj) &:hover,.step.current:where(.svelte-10w10mj) &:hover{background:rgb(from var(--color-text, #888888) r g b / .08);border-color:var(--color-text, light-dark(#1a1a1a, #f5f5f5));color:var(--color-text, light-dark(#1a1a1a, #f5f5f5))}&:focus-visible{outline:2px solid var(--color-action, #2563eb);outline-offset:2px}}.step.complete.svelte-10w10mj .checkmark:where(.svelte-10w10mj) path:where(.svelte-10w10mj){stroke-dasharray:30;stroke-dashoffset:30;animation:svelte-10w10mj-steps-check-draw .4s ease forwards}.number.svelte-10w10mj{line-height:1;user-select:none}.label.svelte-10w10mj{display:flex;flex-direction:column;gap:.125rem;.step.horizontal:where(.svelte-10w10mj) &{align-items:center;text-align:center}.step.vertical:where(.svelte-10w10mj) &{align-items:flex-start;text-align:left;padding-top:.25rem}}.title.svelte-10w10mj{font-weight:500;font-size:var(--step-font-size);color:light-dark(var(--color-text, #1a1a1a),var(--color-text, #f5f5f5));line-height:1.3;.step.upcoming:where(.svelte-10w10mj) &{color:light-dark(var(--color-text-disabled, #9ca3af),var(--color-text-disabled, #6b7280))}.step.current:where(.svelte-10w10mj) &{font-weight:600}}.description.svelte-10w10mj{font-size:calc(var(--step-font-size) * .85);color:light-dark(var(--color-text-disabled, #9ca3af),var(--color-text-disabled, #6b7280));line-height:1.3}.optional.svelte-10w10mj{font-size:calc(var(--step-font-size) * .8);font-style:italic;color:light-dark(var(--color-text-disabled, #9ca3af),var(--color-text-disabled, #6b7280))}.connector.svelte-10w10mj{position:relative;overflow:hidden;.step.horizontal:where(.svelte-10w10mj) &{width:100%;height:2px;position:absolute;top:calc(var(--circle-size) / 2);left:calc(50% + var(--circle-size) / 2 + 4px);right:calc(-50% + var(--circle-size) / 2 + 4px);width:calc(100% - var(--circle-size) - 8px);background:light-dark(var(--color-border, #d1d5db),var(--color-border, #4b5563))}.step.vertical:where(.svelte-10w10mj) &{position:absolute;top:calc(var(--circle-size) + .25rem);bottom:.25rem;left:calc(var(--circle-size) / 2 - 1px);width:2px;background:light-dark(var(--color-border, #d1d5db),var(--color-border, #4b5563))}}.fill.svelte-10w10mj{position:absolute;inset:0;background:var(--color-success, #16a34a);transform-origin:left;transform:scaleX(0);transition:transform .3s ease;.step.vertical:where(.svelte-10w10mj) &{transform-origin:top;transform:scaleY(0)}&.filled{transform:scaleX(1);.step.vertical:where(.svelte-10w10mj) &{transform:scaleY(1)}}}.content.svelte-10w10mj{padding:.75rem 0;width:100%;.step.vertical:where(.svelte-10w10mj) &{padding-left:calc(var(--circle-size) + .625rem)}}.steps.skeleton.svelte-10w10mj{pointer-events:none}.skeleton-circle.svelte-10w10mj,.skeleton-bar.svelte-10w10mj{position:relative;overflow:hidden;background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));&:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(105deg,transparent 25%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 75%);animation:delight-skeleton-shimmer var(--skeleton-duration, 2.4s) ease-in-out infinite;animation-delay:var(--shimmer-delay, 0s)}}.skeleton-circle.svelte-10w10mj{width:var(--circle-size);height:var(--circle-size);min-width:var(--circle-size);min-height:var(--circle-size);border-radius:9999px}.skeleton-bar.svelte-10w10mj{height:.7em;border-radius:var(--radius-full, 1e5px);&.skeleton-title{font-size:var(--step-font-size);width:4.5em;margin-block:.3em}&.skeleton-desc{font-size:calc(var(--step-font-size) * .85);width:4em;margin-block:.3em}}@keyframes svelte-10w10mj-steps-pulse{0%,to{box-shadow:0 0 0 3px rgb(from var(--color-text, #888888) r g b / .18)}50%{box-shadow:0 0 0 7px rgb(from var(--color-text, #888888) r g b / .05)}}@keyframes svelte-10w10mj-steps-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes svelte-10w10mj-steps-check-draw{to{stroke-dashoffset:0}}@keyframes delight-skeleton-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.step.current.svelte-10w10mj .circle:where(.svelte-10w10mj){animation:none;box-shadow:0 0 0 3px rgb(from var(--color-text, #888888) r g b / .18)}.main.svelte-10w10mj{transition:none}.main.svelte-10w10mj:has(button.circle:where(.svelte-10w10mj):active){scale:none}.step.error.svelte-10w10mj .circle:where(.svelte-10w10mj){animation:none}.step.complete.svelte-10w10mj .checkmark:where(.svelte-10w10mj) path:where(.svelte-10w10mj){animation:none;stroke-dashoffset:0}.skeleton-circle.svelte-10w10mj:after,.skeleton-bar.svelte-10w10mj:after{animation:none}.fill.svelte-10w10mj{transition:none}}