.registration-flow__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem 0 1rem;display:grid}.registration-flow__header>button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.registration-flow__header>button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.registration-flow__header>div>p{color:var(--color-text-muted);margin:0 0 .15rem;font-size:.74rem}.registration-flow__header>div>strong{font-size:.94rem}.registration-flow__progress{color:var(--color-text);font-size:.94rem;font-weight:700;display:block}.registration-flow__saved{color:#15803d;align-items:center;gap:.3rem;font-size:.74rem;font-weight:700;display:inline-flex}.registration-flow__saved svg{width:.9rem}.registration-stepper{grid-column:1/-1;width:100%;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.registration-stepper li{color:var(--color-text-muted);flex:1 1 0;justify-items:center;gap:.3rem;font-size:.7rem;display:grid;position:relative}.registration-stepper li:not(:last-child):before{z-index:0;background:var(--color-border);content:"";width:calc(100% - 2rem);height:2px;position:absolute;top:.85rem;left:calc(50% + 1rem)}.registration-stepper li.is-active:not(:last-child):before{background:var(--registration-accent)}.registration-stepper li>span{z-index:1;border:2px solid var(--color-border);background:var(--color-background);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.68rem;font-weight:800;display:grid}.registration-stepper li>span svg{width:.9rem}.registration-stepper li.is-active{color:var(--registration-accent);font-weight:700}.registration-stepper li.is-active>span{border-color:var(--registration-accent);color:#fff;background:var(--registration-accent)}.registration-flow__header[data-kind=karaoke]{border-bottom:1px solid var(--registration-line,#eeecf4);background:var(--color-background);grid-template-columns:auto minmax(0,1fr);gap:.7rem 1rem;margin-bottom:0;padding:.5rem 0 0}.registration-flow__header[data-kind=karaoke]>button{border:0;width:32px;height:32px;box-shadow:0 4px 12px #97979747,0 0 1px #97979799}.registration-flow__header[data-kind=karaoke]>button svg{width:20px}.registration-flow__header[data-kind=karaoke]>div{min-width:0}.registration-flow__header[data-kind=karaoke]>div>p{color:var(--registration-accent,#ef227b);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .1rem;font-size:.68rem;font-weight:800}.registration-flow__header[data-kind=karaoke]>div>:is(h1,strong){color:#1a1a1a;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:600;display:block;overflow:hidden}.registration-flow__header[data-kind=karaoke] .registration-flow__progress{color:#596980;margin-top:.22rem;font-size:.68rem;font-weight:600}.registration-flow__header[data-kind=karaoke] .registration-flow__saved{display:none}.registration-flow__header[data-kind=karaoke] .registration-stepper{scrollbar-width:none;grid-column:1/-1;gap:.5rem;margin:0;padding:1rem 0 1.5rem;overflow-x:auto}.registration-flow__header[data-kind=karaoke] .registration-stepper::-webkit-scrollbar{display:none}.registration-flow__header[data-kind=karaoke] .registration-stepper li{color:#596980;background:#fbf9ff;border:1px solid #eeecf4;border-radius:999px;flex:none;align-items:center;gap:.5rem;min-height:40px;padding:.45rem .75rem .45rem .45rem;font-size:.78rem;font-weight:650;display:flex}.registration-flow__header[data-kind=karaoke] .registration-stepper li:before{display:none}.registration-flow__header[data-kind=karaoke] .registration-stepper li>span{color:#596980;background:#eeecf4;border:0;width:20px;height:20px}.registration-flow__header[data-kind=karaoke] .registration-stepper li>small{font-size:inherit;white-space:nowrap}.registration-flow__header[data-kind=karaoke] .registration-stepper [data-mobile-label]{display:none}.registration-flow__header[data-kind=karaoke] .registration-stepper li.is-active{color:#ef227b;background:#fff;border-color:#ef227b}.registration-flow__header[data-kind=karaoke] .registration-stepper li.is-active:not([aria-current=step]){color:#191a1f;background:#fbf9ff;border-color:#eeecf4}.registration-flow__header[data-kind=karaoke] .registration-stepper li.is-active>span{color:#fff;background:#ef227b}@media (width<44rem){.registration-flow__header[data-kind=karaoke] .registration-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;display:grid;overflow-x:visible}.registration-flow__header[data-kind=karaoke] .registration-stepper li{justify-content:center;gap:.25rem;width:100%;min-width:0;padding:.45rem .25rem;font-size:.68rem}.registration-flow__header[data-kind=karaoke] .registration-stepper li>span{flex:0 0 20px}.registration-flow__header[data-kind=karaoke] .registration-stepper [data-mobile-label]{display:inline}.registration-flow__header[data-kind=karaoke] .registration-stepper [data-desktop-label]{display:none}}@media (width<=22.5rem){.registration-flow__header[data-kind=karaoke] .registration-stepper li{flex-direction:column;gap:.15rem;padding:.35rem .15rem}}@media (width>=64rem){.registration-flow__header{padding-top:1rem}.registration-stepper{width:min(100%,42rem);margin-inline:auto}}