.wizard{inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:60}.wizard.is-open{opacity:1}.wizard[hidden]{display:none}.wizard__backdrop{background-color:hsl(var(--background) / .88);inset:0;position:absolute}.wizard__panel{background-color:hsl(var(--background));display:flex;flex-direction:column;height:100%;margin-inline:auto;position:relative;width:100%}.wizard__bar{align-items:center;border-bottom:1px solid hsl(var(--border) / var(--line-alpha));display:flex;gap:1.25rem;justify-content:space-between;padding:1rem 1.5rem;position:relative}.wizard__logo{flex-shrink:0;height:1rem}.wizard__close{align-items:center;border:1px solid hsl(var(--border) / .3);border-radius:var(--radius-pill);color:hsl(var(--foreground) / .85);display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:border-color .2s ease,background-color .2s ease;width:2.5rem}.wizard__close:hover{background-color:hsl(var(--border) / .08);border-color:hsl(var(--border) / .6)}.wizard__close svg{height:1.1rem;width:1.1rem}.wizard__progress{background-color:hsl(var(--border) / .08);bottom:-1px;height:2px;left:0;position:absolute;right:0}.wizard__progress-fill{background-color:hsl(var(--accent));display:block;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);width:33.33%}.stepper{align-items:center;display:flex;gap:1.1rem}.stepper__link{align-items:baseline;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;font-family:Hind,Mulish,sans-serif;font-size:.68rem;font-weight:600;gap:.5rem;letter-spacing:.22em;text-transform:uppercase;transition:color .2s ease}.stepper__link:before{content:"0" attr(data-step);font-size:.85rem;letter-spacing:.06em}.stepper__link.is-active{color:hsl(var(--foreground))}.stepper__link.is-active:before{color:hsl(var(--accent-light))}.stepper__link.is-done{color:hsl(var(--foreground) / .65)}.stepper__line{background-color:hsl(var(--border) / .25);height:1px;width:2.25rem}.wizard__body{-webkit-overflow-scrolling:touch;display:flex;flex:1;justify-content:center;overflow-y:auto;padding:3rem 1.5rem 4rem}.wizard__screen{display:flex;flex-direction:column;gap:2rem;max-width:40rem;width:100%}body.is-wizard-open{overflow:hidden}@media(max-width:519px){.wizard__bar .stepper__label{display:none}.wizard__bar .stepper__line{width:1.1rem}}@media(min-width:768px){.wizard__bar{padding-inline:2rem}.wizard__body{padding:4rem 2rem 5rem}}