lun-steps[id]{display:flex;flex-direction:column;gap:28px;width:100%;min-width:0;box-sizing:border-box;color:var(--lun-sp-text, var(--color-foreground, #24182f));counter-reset:lun-step}lun-steps[id] .lun-sp__head{display:grid;justify-items:center;gap:10px;text-align:center}lun-steps[id] .lun-sp__overline{font-size:.6875rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--lun-sp-accent, var(--color-primary-button-background, #65409a))}lun-steps[id] .lun-sp__headline{margin:0;font-family:var(--font-h2--family);font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem)!important;font-weight:600;line-height:1.18!important;letter-spacing:-.035em;text-wrap:balance}lun-steps[id] .lun-sp__lede{max-width:56ch;margin:0;font-size:.9375rem;line-height:1.6;opacity:.76}lun-steps[id] .lun-sp__track{display:grid;gap:28px;list-style:none;margin:0;padding:0;min-width:0}@media(min-width:750px){lun-steps[id].lun-sp--columns .lun-sp__track{grid-template-columns:repeat(3,minmax(0,1fr))}}lun-steps[id] .lun-sp__step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:14px;min-width:0;counter-increment:lun-step}lun-steps[id].lun-sp--columns .lun-sp__step{grid-template-columns:minmax(0,1fr);gap:18px}lun-steps[id].lun-sp--columns .lun-sp__step:not(:last-child):not(:nth-child(3n)):after{position:absolute;content:"";height:1px;inset-block-start:21px;inset-inline-start:56px;inset-inline-end:-14px;background:color-mix(in srgb,var(--lun-sp-accent, #65409a) 23%,transparent)}lun-steps[id] .lun-sp__num{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--lun-sp-accent, #65409a) 24%,transparent);border-radius:50%;background:var(--color-background, #fff);color:var(--lun-sp-accent, var(--color-primary-button-background, #65409a));font-family:var(--font-h2--family);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}lun-steps[id] .lun-sp__num:before{content:counter(lun-step,decimal-leading-zero)}lun-steps[id] .lun-sp__body{display:flex;flex-direction:column;gap:10px;min-width:0}lun-steps[id] .lun-sp__title{margin:0;font-family:var(--font-h2--family);font-size:1.125rem;line-height:1.4;font-weight:600;letter-spacing:-.02em;text-wrap:balance}lun-steps[id] .lun-sp__text{margin:0;max-width:56ch;font-size:.9375rem;line-height:1.65;opacity:.8;overflow-wrap:anywhere}lun-steps[id] .lun-sp__img{display:block;width:100%;height:auto;max-width:480px;border-radius:12px;margin-top:4px}lun-steps[id] .lun-sp__navigation{display:none}lun-steps[id] :is(button,[tabindex]):focus-visible{outline:2px solid var(--lun-sp-accent, #65409a);outline-offset:3px}@media(max-width:749px){lun-steps[id]{gap:16px}lun-steps[id] .lun-sp__head{justify-items:start;gap:7px;text-align:start}lun-steps[id] .lun-sp__lede{font-size:.875rem}lun-steps[id] .lun-sp__navigation{display:flex;align-items:center;justify-content:space-between;gap:8px}lun-steps[id] .lun-sp__hint{margin:0;font-size:.6875rem;line-height:1.5;opacity:.7}lun-steps[id] .lun-sp__controls{display:flex;flex-shrink:0;align-items:center;gap:5px}lun-steps[id] .lun-sp__controls[hidden]{display:none}lun-steps[id] .lun-sp__arrow{display:grid;place-items:center;width:44px;height:44px;padding:10px;margin:0;border:1px solid color-mix(in srgb,var(--lun-sp-accent, #65409a) 18%,transparent);border-radius:50%;background:transparent;color:var(--lun-sp-accent, #65409a);cursor:pointer;box-shadow:none}lun-steps[id] .lun-sp__arrow[aria-disabled=true]{opacity:.32;cursor:default}lun-steps[id] .lun-sp__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}lun-steps[id] .lun-sp__position{min-width:40px;color:var(--lun-sp-accent, #65409a);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}lun-steps[id]>.lun-sp__track[data-step-list]{display:flex!important;align-items:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--lun-sp-accent, #65409a) 35%,transparent) transparent;padding:3px 0 14px}lun-steps[id] .lun-sp__step,lun-steps[id].lun-sp--columns .lun-sp__step{flex:0 0 86%;max-inline-size:86%;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:14px;scroll-snap-align:start;padding:18px;border:1px solid color-mix(in srgb,var(--lun-sp-accent, #65409a) 14%,transparent);border-radius:14px;background:color-mix(in srgb,var(--lun-sp-accent, #65409a) 3%,var(--color-background, #fff))}lun-steps[id] .lun-sp__step:after,lun-steps[id].lun-sp--columns .lun-sp__step:not(:last-child):not(:nth-child(3n)):after{content:"";position:absolute;inset-block-start:39px;inset-inline-start:70px;inset-inline-end:18px;height:1px;background:color-mix(in srgb,var(--lun-sp-accent, #65409a) 20%,transparent)}lun-steps[id] .lun-sp__title{font-size:1rem}lun-steps[id] .lun-sp__text{font-size:.875rem;line-height:1.6}lun-steps[id] .lun-sp__img{max-height:180px;object-fit:contain;object-position:left center}}@media(prefers-reduced-motion:reduce){lun-steps[id] .lun-sp__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lun-steps.css.map */