@layer components{:where(.flo-step-indicator)[data-v-006b9b5a]{background-color:var(--flo-color-bg-brand-inverse);display:flex;padding:var(--flo-space-extra-small) var(--flo-space-large);width:100%}:where(.flo-step-indicator) .flo-step-indicator__steps[data-v-006b9b5a]{display:flex;flex:1 0 0;justify-content:flex-start;list-style:none;margin:0 auto;max-width:50rem;padding:0}@media(min-width:64rem){:where(.flo-step-indicator)[data-v-006b9b5a]{padding-inline:0}:where(.flo-step-indicator) .flo-step-indicator__steps[data-v-006b9b5a]{justify-content:space-between}}}@layer components{:where(.flo-step-indicator__item[data-v-a328b9d2]){margin:0;padding:0}:where(.flo-step-indicator__item-child)[data-v-a328b9d2]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:flex;gap:var(--flo-space-medium);padding:var(--flo-space-extra-small);text-decoration:none}:where(.flo-step-indicator__item-child)[data-v-a328b9d2]:focus-visible{outline-color:var(--flo-color-border-focus)}:where(.flo-step-indicator__item-child)[data-disabled][data-v-a328b9d2]{cursor:default}:is(:where(.flo-step-indicator__item-child)[data-state=complete],:where(.flo-step-indicator__item-child)[data-state=current]) .flo-step-indicator__item-circle[data-v-a328b9d2]{background-color:var(--flo-color-bg-default);color:var(--flo-color-text-brand)}:is(:where(.flo-step-indicator__item-child)[data-state=complete],:where(.flo-step-indicator__item-child)[data-state=current]) .flo-step-indicator__item-label[data-v-a328b9d2]{color:var(--flo-color-text-inverse)}:where(.flo-step-indicator__item-child)[data-state=current] .flo-step-indicator__item-label[data-v-a328b9d2]{display:inline}:where(.flo-step-indicator__item-child)[data-state=incomplete] .flo-step-indicator__item-circle[data-v-a328b9d2]{border-color:var(--flo-color-border-inverse-secondary);color:var(--flo-color-text-inverse-secondary)}:where(.flo-step-indicator__item-child)[data-state=incomplete] .flo-step-indicator__item-label[data-v-a328b9d2]{color:var(--flo-color-text-inverse-secondary)}:where(.flo-step-indicator__item-child) .flo-step-indicator__item-circle[data-v-a328b9d2]{align-items:center;border:2px solid transparent;border-radius:var(--flo-border-radius-full);display:flex;height:2rem;justify-content:center;width:2rem}:where(.flo-step-indicator__item-child) .flo-step-indicator__item-label[data-v-a328b9d2]{display:none}@media(min-width:64rem){:where(.flo-step-indicator__item-child) .flo-step-indicator__item-label[data-v-a328b9d2]{display:inline}}@media(hover:hover)and (pointer:fine){:where(.flo-step-indicator__item-child):hover:not([data-disabled])[data-v-a328b9d2]{color:var(--flo-color-text-hover)}:is(:where(.flo-step-indicator__item-child):hover:not([data-disabled])[data-state=complete],:where(.flo-step-indicator__item-child):hover:not([data-disabled])[data-state=current]) .flo-step-indicator__item-circle[data-v-a328b9d2]{background-color:var(--flo-color-icon-inverse-hover)}:is(:where(.flo-step-indicator__item-child):hover:not([data-disabled])[data-state=complete],:where(.flo-step-indicator__item-child):hover:not([data-disabled])[data-state=current]) .flo-step-indicator__item-label[data-v-a328b9d2]{color:var(--flo-color-text-inverse-hover)}}}
