.ib-how{padding-block:var(--ib-space-xl)}@media screen and (min-width:750px){.ib-how{padding-block:var(--ib-space-2xl)}}.ib-how__steps{position:relative;display:grid;gap:var(--ib-space-md);grid-template-columns:1fr;counter-reset:ib-step}@media screen and (min-width:750px){.ib-how__steps{gap:var(--ib-space-lg)}}@media screen and (min-width:768px){.ib-how__steps{grid-template-columns:repeat(3,1fr)}.ib-how__steps:before{content:"";position:absolute;top:1.5rem;left:calc(100% / 6);right:calc(100% / 6);height:1px;background:var(--ib-border);z-index:0}}.ib-how__step{position:relative;z-index:1;text-align:center}.ib-how__step-number{font-family:-apple-system,SF Pro Display,Inter,Arial,sans-serif;font-weight:800;font-size:1.125rem;margin-bottom:var(--ib-space-sm);background-color:var(--ib-bg);background-image:linear-gradient(#00e5a01f,#00e5a01f)}.ib-how__step-title{font-size:var(--ib-text-h3);margin:0 0 var(--ib-space-xs)}.ib-how__step-text{color:var(--ib-fg-muted);margin:0}.ib-how__diagram{margin-top:var(--ib-space-lg);border-radius:var(--ib-radius-lg);overflow:hidden;background:var(--ib-bg-raised)}@media screen and (min-width:750px){.ib-how__diagram{margin-top:var(--ib-space-2xl)}}.ib-how__diagram img{width:100%;height:auto;display:block}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-how-it-works.css.map */