@layer karibu.components{.k-steps{--step-marker-size:var(--control-height-2);--step-marker-bg:var(--color-accent-solid);--step-marker-fg:var(--color-accent-contrast);--step-marker-radius:var(--radius-full);--step-marker-font-size:var(--font-size-2);--step-connector-color:var(--color-border);--step-connector-width:var(--border-width-2);--step-gutter:var(--space-4);--step-space:var(--space-5);--step-title-font-size:var(--font-size-4);--step-title-color:var(--color-text);counter-reset:k-steps-step;margin:0;padding:0;list-style:none}.k-steps__step{grid-template-columns:var(--step-marker-size) minmax(0,1fr);-moz-column-gap:var(--step-gutter);column-gap:var(--step-gutter);counter-increment:k-steps-step;padding-block-end:var(--step-space);display:grid;position:relative}.k-steps__step:last-child{padding-block-end:0}.k-steps__step:not(:last-child):before{inset-block:var(--step-marker-size) 0;inline-size:var(--step-connector-width);background:var(--step-connector-color);content:"";position:absolute;inset-inline-start:calc((var(--step-marker-size) - var(--step-connector-width))/2)}.k-steps__step--disabled{opacity:var(--opacity-disabled)}.k-steps__marker{inline-size:var(--step-marker-size);block-size:var(--step-marker-size);font-size:var(--step-marker-font-size);font-weight:var(--font-weight-bold);color:var(--step-marker-fg);background:var(--step-marker-bg);border-radius:var(--step-marker-radius);grid-area:1/1;align-self:start;place-items:center;line-height:1;display:grid}.k-steps__marker--ordinal:before{content:counter(k-steps-step)}.k-steps__marker svg{inline-size:var(--icon-size-1);block-size:var(--icon-size-1)}.k-steps__header{font:inherit;grid-area:1/2;margin:0}.k-steps__header,.k-steps__trigger{min-block-size:var(--step-marker-size);align-items:center;padding:0;display:flex}.k-steps__trigger{justify-content:space-between;gap:var(--space-3);inline-size:100%;color:inherit;text-align:start;border-radius:var(--radius-2);cursor:pointer;background:0 0;border:0;flex:1;font-family:inherit}.k-steps__trigger:hover:not(:disabled){--step-title-color:var(--color-accent-text)}.k-steps__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-steps__trigger:disabled{cursor:not-allowed}.k-steps__title{min-inline-size:0;font-size:var(--step-title-font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-4);color:var(--step-title-color)}.k-steps__chevron{block-size:var(--step-marker-size);color:var(--color-text-muted);transition:transform var(--duration-3) var(--ease-standard);flex:none;justify-content:center;align-self:start;align-items:center;display:inline-flex}.k-steps__chevron svg{inline-size:var(--icon-size-2);block-size:var(--icon-size-2)}.k-steps__trigger[data-state=open] .k-steps__chevron{transform:rotate(180deg)}.k-steps__content{grid-area:2/2;overflow:hidden}.k-steps--collapsible .k-steps__content[data-state=open]{animation:k-steps-content-in var(--duration-3) var(--ease-decelerate)}.k-steps--collapsible .k-steps__content[data-state=closed]{animation:k-steps-content-out var(--duration-2) var(--ease-accelerate)}.k-steps__body{padding-block-start:var(--space-1)}@keyframes k-steps-content-in{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes k-steps-content-out{0%{height:var(--reka-collapsible-content-height)}to{height:0}}}