@layer components{.membership-progress__version{margin:0 0 var(--pk-4);color:var(--pk-ink-muted);font-size:var(--pk-text-sm)}.membership-progress__steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.membership-progress__step{grid-template-columns:var(--pk-7) minmax(0, 1fr);gap:var(--pk-3);padding-block-end:var(--pk-5);display:grid;position:relative}.membership-progress__step:not(:last-child):before{content:"";inset-block:var(--pk-7) 0;background:var(--pk-line-strong);width:2px;position:absolute;inset-inline-start:calc(var(--pk-7) / 2);translate:-1px}.membership-progress__step:last-child{padding-block-end:0}.membership-progress__marker{z-index:1;width:var(--pk-7);height:var(--pk-7);border:2px solid var(--pk-line-strong);border-radius:var(--pk-radius-pill);background:var(--pk-surface);color:var(--pk-ink-muted);font-size:var(--pk-text-sm);place-items:center;font-weight:600;display:grid;position:relative}.membership-progress__step--complete .membership-progress__marker{border-color:var(--pk-ok);background:var(--pk-ok-soft);color:var(--pk-ok-ink)}.membership-progress__step--active .membership-progress__marker{border-color:var(--pk-accent);background:var(--pk-accent-soft);color:var(--pk-accent-ink)}.membership-progress__heading{justify-content:space-between;align-items:center;gap:var(--pk-2) var(--pk-3);flex-wrap:wrap;display:flex}.membership-progress__heading h4,.membership-progress__content p{margin:0}.membership-progress__dates{gap:var(--pk-2) var(--pk-4);color:var(--pk-ink-muted);flex-wrap:wrap;display:flex}.membership-progress__payment{padding:var(--pk-3);border-inline-start:3px solid var(--pk-accent);background:var(--pk-surface-sunk)}}