@layer base{.wizard{width:100%;color:var(--color-base-content);flex-direction:column;gap:1.25rem;display:flex}.wizard-steps{align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.wizard-step{font:inherit;color:inherit;text-align:center;cursor:default;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:.5rem;padding:0;display:flex;position:relative}.wizard-step[data-clickable]{cursor:pointer}.wizard-step[data-disabled]{opacity:.5;cursor:not-allowed}.wizard-step:not(:first-child):before{content:"";background-color:var(--color-base-300);z-index:0;height:2px;position:absolute;top:1rem;left:-50%;right:50%;transform:translateY(-50%)}.wizard-step[data-state=active]:before,.wizard-step[data-state=complete]:before{background-color:var(--wz-accent,var(--color-primary))}.wizard-step-marker{z-index:1;background-color:var(--color-base-200);width:2rem;height:2rem;color:var(--color-base-content);border-radius:9999px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.wizard-step-marker{color:color-mix(in oklab,var(--color-base-content) 55%,transparent)}}.wizard-step-marker{border:2px solid var(--color-base-300);transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}.wizard-step-marker svg{flex-shrink:0;width:1.05rem;height:1.05rem}.wizard-step[data-state=active] .wizard-step-marker{background-color:var(--wz-accent,var(--color-primary));border-color:var(--wz-accent,var(--color-primary));color:var(--wz-accent-content,var(--color-primary-content));box-shadow:0 0 0 4px var(--wz-accent,var(--color-primary))}@supports (color:color-mix(in lab,red,red)){.wizard-step[data-state=active] .wizard-step-marker{box-shadow:0 0 0 4px color-mix(in oklab,var(--wz-accent,var(--color-primary)) 22%,transparent)}}.wizard-step[data-state=complete] .wizard-step-marker{background-color:var(--wz-accent,var(--color-primary));border-color:var(--wz-accent,var(--color-primary));color:var(--wz-accent-content,var(--color-primary-content))}.wizard-step-label{color:var(--color-base-content);font-size:1rem;line-height:1.3}@supports (color:color-mix(in lab,red,red)){.wizard-step-label{color:color-mix(in oklab,var(--color-base-content) 70%,transparent)}}.wizard-step[data-state=active] .wizard-step-label{color:var(--color-base-content);font-weight:600}.wizard-step-optional{color:var(--color-base-content);font-size:1rem;display:block}@supports (color:color-mix(in lab,red,red)){.wizard-step-optional{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.wizard-content{min-height:3rem}.wizard-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wizard-step:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.wizard-primary{--wz-accent:var(--color-primary);--wz-accent-content:var(--color-primary-content,oklch(from var(--color-primary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-primary{--wz-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-secondary{--wz-accent:var(--color-secondary);--wz-accent-content:var(--color-secondary-content,oklch(from var(--color-secondary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-secondary{--wz-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-accent{--wz-accent:var(--color-accent);--wz-accent-content:var(--color-accent-content,oklch(from var(--color-accent) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-accent{--wz-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-neutral{--wz-accent:var(--color-neutral);--wz-accent-content:var(--color-neutral-content,oklch(from var(--color-neutral) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:var(--color-base-content)}.wizard-info{--wz-accent:var(--color-info);--wz-accent-content:var(--color-info-content,oklch(from var(--color-info) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-info{--wz-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-success{--wz-accent:var(--color-success);--wz-accent-content:var(--color-success-content,oklch(from var(--color-success) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-success{--wz-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-warning{--wz-accent:var(--color-warning);--wz-accent-content:var(--color-warning-content,oklch(from var(--color-warning) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-warning{--wz-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-error{--wz-accent:var(--color-error);--wz-accent-content:var(--color-error-content,oklch(from var(--color-error) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-error{--wz-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.wizard-brand{--wz-accent:var(--color-brand);--wz-accent-content:var(--color-brand-content,oklch(from var(--color-brand) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--wz-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.wizard-brand{--wz-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}