.ab-steps__list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}.ab-steps__item{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;align-content:start;padding:18px;background:var(--surface-raised);border-block-start:var(--border-frame) solid var(--ink)}.ab-steps__num{grid-row:1 / 3;font-size:44px;line-height:40px;font-weight:800;letter-spacing:-.05em;color:var(--brand-text)}.ab-steps__title,.ab-steps__text{grid-column:2}.ab-steps__title{font-size:18px;line-height:22px;font-weight:700}.ab-steps__text{font-size:14px;line-height:20px;color:var(--ink-muted)}.ab-steps__visual{display:none}@media(min-width:761px){.ab-steps__list{grid-template-columns:repeat(var(--ab-steps, 3),minmax(0,1fr));gap:var(--space-4)}.ab-steps__list--many{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-steps__item{display:flex;flex-direction:column;gap:14px;min-height:300px;padding:30px}.ab-steps__num{font-size:96px;line-height:80px}.ab-steps__title{font-size:22px;line-height:27px;letter-spacing:-.01em}.ab-steps__text{font-size:15px;line-height:23px}.ab-steps__visual{display:flex;align-items:flex-end;height:70px;margin-block-start:auto}.ab-steps__img{width:auto;max-width:100%;height:70px;object-fit:contain;object-position:left bottom}}@media(min-width:1101px){.ab-steps__list--many{grid-template-columns:repeat(var(--ab-steps, 4),minmax(0,1fr))}}.ab-steps--cards .ab-steps__list{gap:var(--space-4)}.ab-steps--cards .ab-steps__item{display:flex;flex-direction:column;gap:0;min-height:0;padding:28px 26px 26px;background:var(--surface-raised);border:var(--border-hairline) solid var(--line)}.ab-steps--cards .ab-steps__visual{display:grid;order:-1;place-items:center;height:120px;margin:-6px -4px 18px;background:var(--surface-sunken)}.ab-steps--cards .ab-steps__visual--icon{align-self:stretch}.ab-steps__icon{width:48px;height:48px;stroke-width:1.6}.ab-steps--cards .ab-steps__icon{width:64px;height:64px}.ab-steps--cards .ab-steps__img{width:auto;max-width:64px;height:64px;object-fit:contain}.ab-steps--cards .ab-steps__num{order:0;font-family:var(--font-mono);font-size:13px;line-height:16px;font-weight:500;letter-spacing:0;color:var(--brand-text)}.ab-steps--cards .ab-steps__title{order:1;margin-block-start:14px;font-size:22px;line-height:26px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.ab-steps--cards .ab-steps__text{order:2;margin-block-start:10px;font-size:15px;line-height:23px}@media(min-width:761px){.ab-steps--cards .ab-steps__item{gap:0;padding:28px 26px 26px}.ab-steps--cards .ab-steps__num{font-size:13px;line-height:16px}.ab-steps--cards .ab-steps__title{font-size:22px;line-height:26px}.ab-steps--cards .ab-steps__visual{height:120px;margin-block-start:-6px}}.ab-steps--dark .ab-sechead__kicker{color:var(--brand-bright)}.ab-steps--dark .ab-steps__list,.ab-steps--dark .ab-steps__list--many{grid-template-columns:minmax(0,1fr);gap:0;border-block-start:var(--border-hairline) solid var(--line)}.ab-steps--dark .ab-steps__item{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;padding:var(--space-6) 0 0;background:transparent;border-block-start:0}.ab-steps--dark .ab-steps__item+.ab-steps__item{margin-block-start:var(--space-6);border-block-start:var(--border-hairline) solid var(--line)}.ab-steps--dark .ab-steps__num{font-family:var(--font-mono);font-size:13px;line-height:16px;font-weight:500;letter-spacing:0;color:var(--brand-bright)}.ab-steps--dark .ab-steps__title{font-size:24px;line-height:26px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.ab-steps--dark .ab-steps__text{font-size:15px;line-height:23px}.ab-steps--dark .ab-steps__visual{display:none}@media(min-width:761px){.ab-steps--dark .ab-steps__list,.ab-steps--dark .ab-steps__list--many{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-steps--dark .ab-steps__item{min-height:0;padding:32px 28px 8px 0}.ab-steps--dark .ab-steps__item+.ab-steps__item{margin-block-start:0;padding-inline-start:28px;border-block-start:0;border-inline-start:var(--border-hairline) solid var(--line)}.ab-steps--dark .ab-steps__item:nth-child(odd){padding-inline-start:0;border-inline-start:0}.ab-steps--dark .ab-steps__item:nth-child(n+3){margin-block-start:var(--space-6);border-block-start:var(--border-hairline) solid var(--line)}.ab-steps--dark .ab-steps__num{font-size:13px;line-height:16px}.ab-steps--dark .ab-steps__title{font-size:24px;line-height:26px}.ab-steps--dark .ab-steps__text{font-size:15px;line-height:23px}}@media(min-width:1101px){.ab-steps--dark .ab-steps__list,.ab-steps--dark .ab-steps__list--many{grid-template-columns:repeat(var(--ab-steps, 4),minmax(0,1fr))}.ab-steps--dark .ab-steps__item:nth-child(odd){padding-inline-start:28px;border-inline-start:var(--border-hairline) solid var(--line)}.ab-steps--dark .ab-steps__item:first-child{padding-inline-start:0;border-inline-start:0}.ab-steps--dark .ab-steps__item:nth-child(n+3){margin-block-start:0;border-block-start:0}}.ab-steps--dark.ab-steps--timeline .ab-sechead__kicker{color:var(--ink-muted)}.ab-steps--dark.ab-steps--timeline .ab-steps__list,.ab-steps--dark.ab-steps--timeline .ab-steps__list--many{grid-template-columns:minmax(0,1fr);gap:0;margin-block-start:var(--space-8, 32px);border-block-start:0}.ab-steps--dark.ab-steps--timeline .ab-steps__item,.ab-steps--dark.ab-steps--timeline .ab-steps__item+.ab-steps__item,.ab-steps--dark.ab-steps--timeline .ab-steps__item:nth-child(odd),.ab-steps--dark.ab-steps--timeline .ab-steps__item:nth-child(n+3),.ab-steps--dark.ab-steps--timeline .ab-steps__item:first-child{position:relative;display:block;margin:0;padding:0 0 28px 30px;border-block-start:0;border-inline-start:2px solid var(--ink-muted)}.ab-steps--dark.ab-steps--timeline .ab-steps__item:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:-9px;width:16px;height:16px;box-sizing:border-box;background:var(--surface);border:2px solid var(--ink-muted);border-radius:50%}.ab-steps--dark.ab-steps--timeline .ab-steps__item.is-done{border-inline-start-color:var(--ink)}.ab-steps--dark.ab-steps--timeline .ab-steps__item.is-done:before{background:var(--ink);border-color:var(--ink)}.ab-steps--dark.ab-steps--timeline .ab-steps__num{display:block;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ab-steps--dark.ab-steps--timeline .ab-steps__title{margin-block-start:10px;font-size:20px;line-height:24px;font-weight:700;letter-spacing:0;text-transform:none}.ab-steps--dark.ab-steps--timeline .ab-steps__text{margin-block-start:8px;font-size:15px;line-height:22px;color:var(--ink-muted)}@media(min-width:761px){.ab-steps--dark.ab-steps--timeline .ab-steps__list,.ab-steps--dark.ab-steps--timeline .ab-steps__list--many{grid-template-columns:repeat(var(--ab-steps, 4),minmax(0,1fr));margin-block-start:48px}.ab-steps--dark.ab-steps--timeline .ab-steps__item,.ab-steps--dark.ab-steps--timeline .ab-steps__item+.ab-steps__item,.ab-steps--dark.ab-steps--timeline .ab-steps__item:nth-child(odd),.ab-steps--dark.ab-steps--timeline .ab-steps__item:nth-child(n+3),.ab-steps--dark.ab-steps--timeline .ab-steps__item:first-child{padding:34px 24px 0 0;border-block-start:2px solid var(--ink-muted);border-inline-start:0}.ab-steps--dark.ab-steps--timeline .ab-steps__item:before{inset-block-start:-9px;inset-inline-start:0}.ab-steps--dark.ab-steps--timeline .ab-steps__item.is-done{border-block-start-color:var(--ink)}}.ab-steps--line .ab-steps__list,.ab-steps--line .ab-steps__list--many{position:relative;grid-template-columns:minmax(0,1fr);gap:var(--space-8) var(--space-4)}.ab-steps--line .ab-steps__item{position:relative;display:flex;flex-direction:column;gap:0;min-height:0;padding:0;background:transparent;border-block-start:0}.ab-steps--line .ab-steps__num{position:relative;display:grid;order:0;place-items:center;width:56px;height:56px;box-sizing:border-box;font-family:var(--font-mono);font-size:16px;line-height:16px;font-weight:600;letter-spacing:0;color:var(--ink);background:var(--surface);border:var(--border-frame) solid var(--ink)}.ab-steps--line.ab-section--sunken .ab-steps__num{background:var(--surface-sunken)}.ab-steps--line .ab-steps__item:last-child .ab-steps__num{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.ab-steps--line .ab-steps__visual{display:flex;order:1;align-items:flex-end;height:64px;margin-block:22px 0}.ab-steps--line .ab-steps__icon{width:56px;height:56px;stroke-width:1.6}.ab-steps--line .ab-steps__img{height:56px}.ab-steps--line .ab-steps__title{order:2;margin-block-start:16px;font-size:19px;line-height:23px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.ab-steps--line .ab-steps__text{order:3;margin-block-start:8px;font-size:15px;line-height:23px}@media(min-width:761px){.ab-steps--line .ab-steps__list,.ab-steps--line .ab-steps__list--many{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1101px){.ab-steps--line .ab-steps__list,.ab-steps--line .ab-steps__list--many{grid-template-columns:repeat(var(--ab-steps, 5),minmax(0,1fr))}.ab-steps--line .ab-steps__list:before{content:"";position:absolute;inset-inline:0;inset-block-start:27px;border-block-start:2px dashed var(--line-strong)}}.ab-steps--strip .ab-steps__list,.ab-steps--strip .ab-steps__list--many{grid-template-columns:minmax(0,1fr);gap:var(--border-hairline);background:var(--line);border:var(--border-hairline) solid var(--line)}.ab-steps--strip .ab-steps__item{display:flex;flex-direction:column;gap:0;min-height:0;padding:26px 24px;background:var(--surface-raised);border-block-start:0}.ab-steps--strip .ab-steps__num{display:grid;place-items:center;width:40px;height:40px;font-family:var(--font-mono);font-size:14px;line-height:14px;font-weight:600;letter-spacing:0;color:var(--ink-inverse);background:var(--surface-inverse)}.ab-steps--strip .ab-steps__item:last-child .ab-steps__num{color:var(--on-brand);background:var(--brand)}.ab-steps--strip .ab-steps__title{margin-block-start:16px;font-size:20px;line-height:24px;font-weight:800;letter-spacing:0;text-transform:uppercase}.ab-steps--strip .ab-steps__text{margin-block-start:8px;font-size:14px;line-height:21px}.ab-steps--strip .ab-steps__visual{display:none}@media(min-width:761px){.ab-steps--strip .ab-steps__list,.ab-steps--strip .ab-steps__list--many{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1101px){.ab-steps--strip .ab-steps__list,.ab-steps--strip .ab-steps__list--many{grid-template-columns:repeat(var(--ab-steps, 4),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-steps.css.map */