@layer components{.stepper-list{--_padding-block:var(--stepper-list-padding-block,1.2rem);--_gap:var(--stepper-list-gap,2.2rem);--_counter-size:var(--stepper-list-counter-size,var(--d838a5de));--_counter-font-size:var(--stepper-list-counter-font-size,1.4rem);--_counter-font-weight:var(--stepper-list-counter-font-weight,600);--_connector-width:var(--stepper-list-connector-width,.2rem);--_connector-color:var(--stepper-list-connector-color,currentColor);--_icon-color:var(--stepper-list-icon-color,currentColor);--_counter-circle-background:var(--stepper-list-counter-circle-background,transparent);--_counter-circle-text:var(--stepper-list-counter-circle-text,currentColor);--_counter-circle-border-color:var(--stepper-list-counter-circle-border,currentColor);--_counter-circle-border-radius:var(--stepper-list-counter-circle-border-radius,100vw);--_counter-disc-background:var(--stepper-list-counter-disc-background,transparent);--_counter-disc-text:var(--stepper-list-counter-disc-text,currentColor);--_counter-disc-border-color:var(--stepper-list-counter-disc-border,transparent);--_counter-disc-border-radius:var(--stepper-list-counter-disc-border-radius,100vw);--_counter-square-background:var(--stepper-list-counter-square-background,transparent);--_counter-square-text:var(--stepper-list-counter-square-text,currentColor);--_counter-square-border-color:var(--stepper-list-counter-square-border,transparent);--_counter-square-border-radius:var(--stepper-list-counter-square-border-radius,.25rem);list-style:none;counter-reset:stepper-list;padding:0}.stepper-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--_gap);counter-increment:stepper-list;padding-inline-start:0;padding-block:var(--_padding-block);position:relative}.stepper-list li.indicator-top{align-items:start}.stepper-list li.indicator-center{align-items:center}.stepper-list li .stepper-list__indicator-counter:before{content:counter(stepper-list);display:grid;place-content:center;width:var(--_counter-size);height:var(--_counter-size);font-size:var(--_counter-font-size);font-weight:var(--_counter-font-weight)}.stepper-list li.indicator-circle .stepper-list__indicator-counter:before{background-color:var(--_counter-circle-background);color:var(--_counter-circle-text);border:2px solid var(--_counter-circle-border-color);border-radius:var(--_counter-circle-border-radius)}.stepper-list li.indicator-disc .stepper-list__indicator-counter:before{background-color:var(--_counter-disc-background);color:var(--_counter-disc-text);border:2px solid var(--_counter-disc-border-color);border-radius:var(--_counter-disc-border-radius)}.stepper-list li.indicator-square .stepper-list__indicator-counter:before{background-color:var(--_counter-square-background);color:var(--_counter-square-text);border:2px solid var(--_counter-square-border-color);border-radius:var(--_counter-square-border-radius)}.stepper-list li.has-indicator:before{display:none}.stepper-list li .stepper-list__indicator-counter,.stepper-list li .stepper-list__indicator-custom{anchor-name:--indicator-bubble}.stepper-list li .stepper-list__indicator-custom{display:inline-flex;align-items:center;justify-content:center}.stepper-list li .stepper-list__indicator-custom .indicator-icon{color:var(--_icon-color);width:var(--_counter-size)!important;height:var(--_counter-size)!important}.stepper-list.has-connectors li:not(:last-child):after{content:"";position:absolute;left:calc(var(--_counter-size)/2);transform:translate(-50%);top:var(--_connector-top,calc(var(--_padding-block) + var(--_counter-size)));height:var(--_connector-height,auto);bottom:calc(var(--_padding-block)*-1);width:var(--_connector-width);background-color:var(--_connector-color)}}