.wizard{position:relative;display:flex;flex-direction:column;width:100%;min-height:var(--fullscreen)}.wizard>[data-step]{display:none;flex:1}.wizard:not(.wiz-ready)>[data-step]:first-of-type{display:flex;flex-direction:column}.wizard.wiz-ready>[data-step].active{display:flex;flex-direction:column}.wizard.wiz-ready>[data-step].active.flex-horizontal{flex-direction:row}.wizard.wiz-animated>[data-step].active{animation:wizFadeIn .25s ease-in-out}.wizard .wiz-stepper{display:flex;justify-content:space-between;position:relative;margin-bottom:1rem}.wizard .wiz-stepper .wiz-track-bg{position:absolute;top:1.125rem;left:1.25rem;right:1.25rem;height:2px;background-color:var(--border-half);z-index:1}.wizard .wiz-stepper .wiz-track-fill{position:absolute;top:1.125rem;left:1.25rem;height:2px;background-color:var(--secondary);z-index:1;transition:width .3s ease}.wizard .wiz-node{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:var(--bg);padding:0 .5rem;-webkit-user-select:none;user-select:none;font-weight:calc(var(--font-weight) + 300)}.wizard .wiz-node:first-of-type{padding-left:0}.wizard .wiz-node:last-of-type{padding-right:0}.wizard .wiz-node[disabled]{cursor:not-allowed;opacity:1}.wizard .wiz-node .wiz-circle{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;font-size:.875rem}.wizard .wiz-node .wiz-label{font-size:.8125rem;color:var(--border)}.wizard .wiz-node.active .wiz-circle{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,var(--bg));background-color:color-mix(in srgb,var(--primary) 15%,var(--bg))}.wizard .wiz-node.active .wiz-label{color:var(--primary)}.wizard .wiz-node.completed{--c: color-mix(in srgb, var(--secondary) 50%, var(--bg))}.wizard .wiz-node.completed .wiz-circle{background-color:var(--c);border-color:var(--c);color:var(--bg)}.wizard .wiz-node.completed .wiz-label{color:var(--c)}.wizard.max-fullscreen .wiz-content{overflow-y:auto;padding:1rem;margin:-1rem}.wizard .wiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}@keyframes wizFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:600px){.wiz-node{padding:0}.wiz-node .wiz-label{display:none}}