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