@layer colors,config,root,reboot,layout,content,forms;@layer components{.stepper{--cui-stepper-steps-gap:.5rem;--cui-stepper-step-gap:.5rem;--cui-stepper-step-button-width:8rem;--cui-stepper-step-button-color:var(--cui-fg-2);--cui-stepper-step-button-active-color:var(--cui-fg-2);--cui-stepper-step-button-complete-color:var(--cui-fg-2);--cui-stepper-step-button-disabled-color:var(--cui-fg-2);--cui-stepper-step-indicator-width:2rem;--cui-stepper-step-indicator-height:2rem;--cui-stepper-step-indicator-bg:transparent;--cui-stepper-step-indicator-color:var(--cui-fg-3);--cui-stepper-step-indicator-border-width:var(--cui-border-width);--cui-stepper-step-indicator-border-color:var(--cui-border-color);--cui-stepper-step-indicator-transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;--cui-stepper-step-indicator-active-color:var(--cui-primary-base);--cui-stepper-step-indicator-active-border-color:var(--cui-primary-base);--cui-stepper-step-indicator-complete-color:var(--cui-primary-contrast);--cui-stepper-step-indicator-complete-bg:var(--cui-primary-base);--cui-stepper-step-indicator-complete-border-color:var(--cui-primary-base);--cui-stepper-step-indicator-disabled-color:var(--cui-fg-3);--cui-stepper-step-indicator-disabled-bg:transparent;--cui-stepper-step-indicator-disabled-border-color:var(--cui-border-color);--cui-stepper-step-indicator-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='var(--ci-primary-color, currentColor)' points='200.359 382.269 61.057 251.673 82.943 228.327 199.641 337.731 428.686 108.687 451.314 131.313 200.359 382.269' class='ci-primary'/%3E%3C/svg%3E");--cui-stepper-step-indicator-icon-color:var(--cui-primary-contrast);--cui-stepper-step-indicator-icon-size:1rem;--cui-stepper-step-connector-height:.125rem;--cui-stepper-step-connector-gap:1rem;--cui-stepper-step-connector-bg:var(--cui-bg-4);--cui-stepper-step-connector-complete-bg:var(--cui-primary-base);--cui-stepper-step-connector-transition:background-color .15s ease-in-out;--cui-stepper-step-content-transition:height .3s ease-in-out}.stepper-steps{gap:var(--cui-stepper-steps-gap);flex-wrap:nowrap;justify-content:space-between;padding:0;display:flex}.stepper-step{gap:var(--cui-stepper-step-gap);align-items:center;display:flex;position:relative}.stepper-step:not(:last-child){flex:1}.stepper-step:not(:last-child).vertical{flex:1 1 0}.stepper-step.vertical{flex:none;align-items:start;position:relative}.stepper-step.vertical .stepper-step-button{width:var(--cui-stepper-step-button-width);flex-direction:column;align-items:center}.stepper-step.vertical .stepper-step-connector{inset-inline-start:calc(var(--cui-stepper-step-button-width) / 2 + var(--cui-stepper-step-indicator-width) / 2 + var(--cui-stepper-steps-gap));top:calc(var(--cui-stepper-step-indicator-height) / 2);width:calc(100% - var(--cui-stepper-step-indicator-width) + var(--cui-stepper-steps-gap) - var(--cui-stepper-steps-gap) * 2);position:absolute;transform:translateY(-50%)}.stepper-step-button{gap:var(--cui-stepper-step-gap);color:var(--cui-stepper-step-button-color);background:0 0;border:0;align-items:center;padding:0;display:flex}.stepper-step-button.active{--cui-stepper-step-button-color:var(--cui-stepper-step-button-active-color);--cui-stepper-step-indicator-color:var(--cui-theme-fg,var(--cui-stepper-step-indicator-active-color));--cui-stepper-step-indicator-bg:color-mix(in oklch, var(--cui-theme-bg,var(--cui-stepper-step-indicator-active-color)) 5%, transparent);--cui-stepper-step-indicator-border-color:var(--cui-theme-bg,var(--cui-stepper-step-indicator-active-border-color))}.stepper-step-button:disabled{--cui-stepper-step-button-color:var(--cui-stepper-step-button-disabled-color);--cui-stepper-step-indicator-color:var(--cui-stepper-step-indicator-disabled-color);--cui-stepper-step-indicator-bg:var(--cui-stepper-step-indicator-disabled-bg);--cui-stepper-step-indicator-border-color:var(--cui-stepper-step-indicator-disabled-border-color)}.stepper-step-button.complete{--cui-stepper-step-button-color:var(--cui-stepper-step-button-complete-color);--cui-stepper-step-indicator-color:var(--cui-theme-contrast,var(--cui-stepper-step-indicator-complete-color));--cui-stepper-step-indicator-bg:var(--cui-theme-bg,var(--cui-stepper-step-indicator-complete-bg));--cui-stepper-step-indicator-border-color:var(--cui-theme-bg,var(--cui-stepper-step-indicator-complete-border-color))}.stepper-step-button.complete .stepper-step-indicator-text{display:none}.stepper-step-button.complete~.stepper-step-connector{--cui-stepper-step-connector-bg:var(--cui-theme-bg,var(--cui-stepper-step-connector-complete-bg))}.stepper-step-button:not(.complete) .stepper-step-indicator-icon{display:none}.stepper-step-button:focus-visible .stepper-step-indicator{outline:var(--cui-focus-ring-width) solid var(--cui-theme-focus-ring,var(--cui-focus-ring-color));outline-offset:var(--cui-focus-ring-offset)}.stepper-step-indicator{flex:0 0 var(--cui-stepper-step-indicator-width);width:var(--cui-stepper-step-indicator-width);height:var(--cui-stepper-step-indicator-height);color:var(--cui-stepper-step-indicator-color);background:var(--cui-stepper-step-indicator-bg);border:var(--cui-stepper-step-indicator-border-width) solid var(--cui-stepper-step-indicator-border-color);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.stepper-step-indicator{transition:var(--cui-stepper-step-indicator-transition)}}.stepper-step-indicator-icon{width:var(--cui-stepper-step-indicator-icon-size);height:var(--cui-stepper-step-indicator-icon-size);background-color:var(--cui-stepper-step-indicator-icon-color);mask:var(--cui-stepper-step-indicator-icon) center/var(--cui-stepper-step-indicator-icon-size) no-repeat;display:block}.stepper-step-connector{height:var(--cui-stepper-step-connector-height);background:var(--cui-stepper-step-connector-bg);flex:1}@media (prefers-reduced-motion:no-preference){.stepper-step-connector{transition:var(--cui-stepper-step-connector-transition)}}.stepper-pane:not(.show){display:none}.stepper-vertical{flex-direction:column;display:flex}.stepper-vertical .stepper-steps{display:block}.stepper-vertical .stepper-step{display:block;position:relative}.stepper-vertical .stepper-step:not(:last-child){min-height:calc(var(--cui-stepper-step-indicator-height) * 2)}.stepper-vertical .stepper-step-connector{inset-inline-start:calc(var(--cui-stepper-step-indicator-width) / 2);top:calc(var(--cui-stepper-step-indicator-height) + var(--cui-stepper-steps-gap));width:var(--cui-stepper-step-connector-height);height:calc(100% - var(--cui-stepper-step-indicator-height) - var(--cui-stepper-step-connector-gap));position:absolute;transform:translate(-50%)}.stepper-vertical .stepper-step-content{padding-inline-start:calc(var(--cui-stepper-step-indicator-width) + var(--cui-stepper-step-connector-gap) / 2)}@media (prefers-reduced-motion:no-preference){.stepper-vertical .stepper-step-content{transition:var(--cui-stepper-step-content-transition)}}.stepper-vertical .stepper-step .stepper-step-button:not(.active)~.stepper-step-content:not(.collapsing,.collapse){display:none}}@layer custom,helpers,utilities;