{"version":3,"file":"stepper.css.cjs","names":[],"sources":["../../../src/content/stepper/stepper.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  nav {\n    display: block;\n    width: 100%;\n  }\n\n  .steps {\n    /* Spacing between steps comes from each ore-step's own `padding-inline-start` /\n       `padding-block-start` (see step.css), not a flex `gap` here — that lets each step's\n       connector line be drawn from its own edge to its own indicator using the exact same\n       length it was given room for, with no separate gap value to keep in sync by hand. */\n    display: flex;\n    gap: 0;\n    align-items: flex-start;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  .stepper-message {\n    display: block;\n    margin-top: var(--size-3);\n  }\n}\n\n@layer refine.orientation {\n  :host([orientation='vertical']) .steps {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}\n"],"mappings":""}