.bbym-hiw__steps{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.bbym-hiw__step{--bbym-hiw-circle: clamp(7rem, 8.4vw, 12rem);position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;max-width:26rem;min-width:0;text-align:center}.bbym-hiw__number{display:flex;align-items:center;justify-content:center;width:var(--bbym-hiw-circle);height:var(--bbym-hiw-circle);border-radius:50%;background:var(--bbym-pink, #e00060);color:#fff;font-family:"proxima-nova-condensed",var(--font-heading-family);font-size:calc(var(--bbym-hiw-circle) * .5);font-weight:900;line-height:1;padding-bottom:.015em}.bbym-hiw__badge{display:block;width:var(--bbym-hiw-circle);height:var(--bbym-hiw-circle);object-fit:contain}.bbym-hiw__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--bbym-hiw-circle) / 2 - .2rem);left:calc(50% + var(--bbym-hiw-circle) / 2 + 1rem);right:calc(-50% + var(--bbym-hiw-circle) / 2 + 1rem);height:.4rem;background-image:linear-gradient(to right,var(--bbym-pink, #e00060) 0 30%,transparent 30% 70%,var(--bbym-pink, #e00060) 70% 100%);background-size:2rem .4rem;background-repeat:round no-repeat}.bbym-hiw__label{display:block;margin-top:1.6rem;padding:0 .4rem;color:#000;font-family:var(--font-body-family);font-size:clamp(1.5rem,1.8vw,2.6rem);font-weight:400;letter-spacing:0;line-height:1.05}@media screen and (max-width:749px){.bbym-hiw__steps{--bbym-hiw-circle: 5.8rem;--bbym-hiw-space: calc((100vw - 3rem - 4 * var(--bbym-hiw-circle)) / 3);justify-content:space-between}.bbym-hiw__step{--bbym-hiw-circle: 5.8rem;flex:0 0 var(--bbym-hiw-circle);max-width:none}.bbym-hiw__step:not(:last-child):after{left:calc(100% + .6rem);right:auto;width:calc(var(--bbym-hiw-space) - 1.2rem);background-image:linear-gradient(to right,transparent 0 20%,var(--bbym-pink, #e00060) 20% 80%,transparent 80% 100%);background-size:calc(100% / 3) .4rem;background-repeat:repeat-x}.bbym-hiw__label{width:calc(var(--bbym-hiw-circle) + 3rem);margin-top:.8rem;margin-inline:-1.5rem;padding:0;font-size:1.5rem}}.bbym-hiw .page-width>.bbym-hp-heading.bbym-hp-heading{margin-bottom:2.4rem}.bbym-hiw .page-width>.bbym-hp-heading.bbym-hp-heading:has(+.bbym-hp-subheading){margin-bottom:.4rem}.bbym-hiw .page-width>.bbym-hp-subheading.bbym-hp-subheading{margin-bottom:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/112/assets/bbym-how-it-works.css.map */