.registration-stepper{flex-shrink:0;min-width:0;padding-bottom:.25rem}.registration-stepper__eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:600;line-height:1rem}.registration-stepper__heading{justify-content:space-between;align-items:center;gap:.625rem;margin-top:.125rem;display:flex}.registration-stepper__title-group{flex-wrap:wrap;align-items:center;gap:.25rem .625rem;min-width:0;display:flex}.registration-stepper__title{color:var(--foreground);font-family:var(--font-serif);margin:0;font-size:1.625rem;line-height:1.875rem}.registration-stepper__badge{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:.125rem .625rem;font-size:.625rem;line-height:1rem}.registration-stepper__track{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(5rem,1.3fr) minmax(0,1fr);margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.registration-stepper__step{--stepper-rail-y:1.5rem;min-width:0;position:relative}.registration-stepper__step:before,.registration-stepper__step:after{top:var(--stepper-rail-y);z-index:0;background:var(--border);content:"";height:1px;position:absolute}.registration-stepper__step:before{left:0;right:50%}.registration-stepper__step:after{left:50%;right:0}.registration-stepper__step[data-reached=true]:before,.registration-stepper__step[data-next-reached=true]:after{background:color-mix(in oklab, var(--primary) 65%, var(--border))}.registration-stepper__step:first-child:before,.registration-stepper__step:last-child:after{display:none}.registration-stepper__button{z-index:1;width:100%;min-width:0;color:var(--foreground);text-align:center;cursor:pointer;border-radius:.375rem;flex-direction:column;align-items:center;padding:2.375rem .0625rem .125rem;display:flex;position:relative}.registration-stepper__button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.registration-stepper__button:disabled{cursor:default}.registration-stepper__marker{top:calc(var(--stepper-rail-y) - .75rem);border:1px solid var(--muted-foreground);background:var(--card);width:1.5rem;height:1.5rem;color:var(--primary);border-radius:50%;place-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.registration-stepper__marker>svg{width:.875rem;height:.875rem}.registration-stepper__step[data-state=completed] .registration-stepper__marker{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.registration-stepper__step[data-state=visited] .registration-stepper__marker{border-color:var(--primary)}.registration-stepper__step[data-state=current] .registration-stepper__marker{top:calc(var(--stepper-rail-y) - 2.3rem);background:0 0;border:0;border-radius:0;width:2.5rem;height:2.5rem}.registration-stepper__marker>.registration-stepper__pin{width:100%;height:100%}.registration-stepper__pin-number{color:var(--primary-foreground);font-size:.875rem;line-height:1rem;position:absolute;top:.55rem}.registration-stepper__label{font-size:.6875rem;font-weight:500;line-height:.875rem}.registration-stepper__status{min-height:1.75rem;color:var(--muted-foreground);margin-top:.125rem;font-size:.625rem;line-height:.875rem}.registration-stepper__step:not([data-state=future]) .registration-stepper__status{color:var(--primary)}.registration-stepper__step[data-state=current] .registration-stepper__status{font-weight:600}@media (width>=640px){.registration-stepper__title{font-size:1.875rem;line-height:2.125rem}.registration-stepper__track{grid-template-columns:repeat(4,minmax(0,1fr))}.registration-stepper__label{font-size:.875rem;line-height:1.25rem}.registration-stepper__status{min-height:1rem;font-size:.6875rem;line-height:1rem}}
