.kp-steps{display:block;margin-top:28px;--step-progress:0}
.kp-steps .kp-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;position:relative}
.kp-steps .kp-step:not(:last-child)::before{content:"";position:absolute;left:16px;top:36px;bottom:0;width:1px;background:color-mix(in srgb,var(--kp-foreground) 16%,transparent)}
.kp-steps .kp-step-number{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--kp-foreground) 24%,transparent);border-radius:50%;font-size:11px;font-weight:600;transition:background .4s,color .4s;line-height:1}
.kp-steps .is-active .kp-step-number{background:var(--kp-foreground);color:var(--kp-background);border-color:var(--kp-foreground)}
.kp-steps .kp-step-content{min-width:0;padding-bottom:24px}
.kp-steps .kp-step h3{margin:0!important}
.kp-steps .kp-step-trigger{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;margin:-5px 0 0;padding:0 0 10px;border:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer;letter-spacing:inherit}
.kp-steps .kp-step-trigger small{display:block;font:600 10px/1.6 var(--font-body-family);letter-spacing:.13em;text-transform:uppercase;opacity:.6;margin-bottom:4px}
.kp-steps .kp-step-plus{font:300 22px/1 sans-serif;transition:transform .45s;opacity:.6}
.kp-steps .is-active .kp-step-plus{transform:rotate(45deg)}
.kp-steps .kp-step-panel{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .65s cubic-bezier(.22,1,.36,1),opacity .45s ease}
.kp-steps.is-enhanced .kp-step:not(.is-active) .kp-step-panel{grid-template-rows:0fr;opacity:0}
.kp-steps .kp-step-panel>div{min-height:0;overflow:hidden}
.kp-steps .kp-step-text{padding:0 18px 18px 0;font-size:14px;line-height:1.7;opacity:.75}
.kp-steps .kp-step-text p{margin:0 0 8px}
.kp-steps .kp-step-text p:last-child{margin-bottom:0}
.kp-steps .kp-step-track{height:2px;overflow:hidden;background:color-mix(in srgb,var(--kp-foreground) 12%,transparent)}
.kp-steps .kp-step-track>span{display:block;height:100%;background:var(--kp-foreground);transform:scaleX(0);transform-origin:left}
.kp-steps .is-active .kp-step-track>span{transform:scaleX(var(--step-progress))}
.kp-steps .kp-steps-controls{display:flex;justify-content:space-between;align-items:center;margin-left:50px;font-size:11px;letter-spacing:.06em;opacity:.75}
.kp-steps .kp-steps-controls[hidden]{display:none}
.kp-steps .kp-steps-play{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;min-height:44px;cursor:pointer}
.kp-steps button:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
@media(prefers-reduced-motion:reduce){.kp-steps .kp-step-panel,.kp-steps .kp-step-number,.kp-steps .kp-step-plus{transition:none}}
