.hbn-system__intro{max-width:680px;margin:12px auto 0;color:var(--hbn-muted)}.text-left .hbn-system__intro{margin-left:0}.hbn-system .hbn-system__steps{list-style:none;margin:0;padding:0;counter-reset:none}.hbn-system .hbn-system__steps>li{padding-left:0;margin-bottom:0;counter-increment:none}.hbn-system .hbn-system__steps>li:before{content:none}.hbn-step__number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--hbn-accent);color:#fff;font-family:var(--hbn-font-heading);font-size:18px;font-weight:700;line-height:1;flex:0 0 auto}.hbn-step__media{margin-bottom:14px}.hbn-step__label{margin-bottom:6px}.hbn-step__title{margin-bottom:10px}.hbn-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0}.text-center .hbn-chips{justify-content:center}.hbn-chips .hbn-chip{margin:0;padding:4px 11px;border-radius:20px;font-size:.8em;font-weight:600;line-height:1.4;background:color-mix(in srgb,var(--hbn-accent) 12%,#fff);color:var(--hbn-accent)}.hbn-chips .hbn-chip:before,.hbn-chips .hbn-chip:after{content:none!important}.hbn-system--cards .hbn-system__steps{display:grid;gap:24px;position:relative}.hbn-system--cards .hbn-step{position:relative}.hbn-system--cards .hbn-step__number{margin-bottom:16px;position:relative;z-index:1}.hbn-system--cards .hbn-step.text-center .hbn-step__media{display:flex;justify-content:center}@media only screen and (min-width:769px){.hbn-system--cards .hbn-system__steps{gap:30px}.hbn-system--cards.hbn-cards--none .hbn-step:not(:last-child):after{content:"";position:absolute;top:22px;left:calc(50% + 32px);right:calc(-50% + 32px);height:2px;background:color-mix(in srgb,var(--hbn-accent) 30%,transparent)}}.hbn-system--timeline .hbn-system__steps{display:flex;flex-direction:column;gap:18px}.hbn-system--timeline .hbn-step{display:flex;gap:20px;align-items:flex-start;position:relative}.hbn-system--timeline .hbn-step:not(:last-child):after{content:"";position:absolute;left:21px;top:44px;bottom:-18px;width:2px;background:color-mix(in srgb,var(--hbn-accent) 30%,transparent)}.hbn-system--timeline.hbn-cards--card .hbn-step:not(:last-child):after,.hbn-system--timeline.hbn-cards--outline .hbn-step:not(:last-child):after{left:45px;top:72px}.hbn-system--timeline .hbn-step__body{flex:1 1 auto;min-width:0;padding-top:8px}.hbn-footnote{margin:25px 0 0;font-size:.8em;color:var(--hbn-muted)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hbn-system.css.map */