.bc-hiw{--bc-hiw-accent: #2563eb;padding-top:var(--bc-hiw-pt, 64px);padding-bottom:var(--bc-hiw-pb, 64px)}.bc-hiw__inner{display:flex;flex-direction:column;gap:4.4rem}bc-animated-steps{display:contents}.bc-hiw__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4rem}.bc-hiw__step{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.bc-hiw__step-icon{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:1.6rem;background-color:rgba(var(--color-foreground),.05);transition:background-color .6s ease}.bc-hiw__step-icon-img{display:block;width:100%;height:100%;padding:.8rem;object-fit:contain}.bc-hiw__step--active .bc-hiw__step-icon{background-color:color-mix(in srgb,var(--bc-hiw-accent) 12%,rgb(var(--color-background)))}.bc-hiw__step-number{display:block;margin:2.6rem 0 1.8rem;font-family:var(--bc-font-heading, var(--font-heading-family, serif));font-size:clamp(4.4rem,6vw,6.4rem);font-weight:400;font-style:italic;line-height:1;letter-spacing:-.02em;color:rgba(var(--color-foreground),.25);transition:color .6s ease}.bc-hiw__step-number:first-child{margin-top:0}.bc-hiw__step--active .bc-hiw__step-number{color:var(--bc-hiw-accent)}.bc-hiw__step-body{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.2rem}.bc-hiw__step-heading{margin:0;font-family:var(--bc-font-body, var(--font-body-family, sans-serif));font-size:clamp(2rem,2.4vw,2.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;color:rgb(var(--color-foreground))}.bc-hiw__step-text{margin:0;font-family:var(--bc-font-body, var(--font-body-family, sans-serif));font-size:1.7rem;font-weight:400;line-height:1.5;color:rgba(var(--color-foreground),.55)}.bc-hiw__step-bar{display:block;width:100%;height:2px;border-radius:2px;background-color:rgba(var(--color-foreground),.08);overflow:hidden}.bc-hiw__step-bar-fill{display:block;width:100%;height:100%;background-color:var(--bc-hiw-accent);transform:scaleX(0);transform-origin:left center}.bc-hiw__step--first .bc-hiw__step-bar-fill{transform:scaleX(1)}.bc-hiw--js .bc-hiw__step--first:not(.bc-hiw__step--active) .bc-hiw__step-bar-fill{transform:scaleX(0)}.bc-hiw__step--active .bc-hiw__step-bar-fill{animation:bc-hiw-progress var(--bc-hiw-interval, 3s) linear forwards}@keyframes bc-hiw-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bc-hiw--paused .bc-hiw__step--active .bc-hiw__step-bar-fill{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.bc-hiw__step--active .bc-hiw__step-bar-fill{animation:none;transform:scaleX(1)}}.bc-hiw__cta{display:flex;justify-content:center}.bc-hiw__btn{display:inline-flex;align-items:center;justify-content:center;padding:1.7rem 3.4rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--bc-font-body, var(--font-body-family, sans-serif));font-size:1.7rem;font-weight:600;letter-spacing:-.01em;text-decoration:none;border-radius:1.2rem;box-shadow:0 1px 2px rgba(var(--color-foreground),.18);transition:opacity .2s ease;white-space:nowrap}.bc-hiw__btn:hover{opacity:.9}@media screen and (min-width:750px){.bc-hiw__steps{flex-direction:row;align-items:stretch;gap:4rem}.bc-hiw__step{flex:1}.bc-hiw__step-bar{margin-top:auto}}@media screen and (min-width:990px){.bc-hiw__steps{gap:6rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bc-how-it-works.css.map */