.order-flow{--of-accent: #b6713e;--of-highlight: #2e7d32;--of-icon-size: 4rem;display:grid;gap:1.6rem;margin:0;padding:0;counter-reset:none}.order-flow__step{position:relative;display:flex;align-items:flex-start;gap:1.2rem;margin:0;text-align:left}.order-flow__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--of-icon-size) + .4rem);bottom:-1.6rem;left:calc(var(--of-icon-size) / 2);width:0;border-left:.1rem dashed rgba(182,113,62,.45)}.order-flow__icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--of-icon-size);height:var(--of-icon-size);border:.1rem solid var(--of-accent);border-radius:50%;background:#fff;color:var(--of-accent)}.order-flow__icon svg{width:calc(var(--of-icon-size) * .47);height:calc(var(--of-icon-size) * .47)}.order-flow__number{position:absolute;top:-.3rem;right:-.5rem;display:flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.7rem;border:.15rem solid #fff;border-radius:50%;background:var(--of-accent);color:#fff;font-size:.95rem;font-weight:700;line-height:1}.order-flow__content{display:flex;flex-direction:column;gap:.2rem;padding-top:.3rem;min-width:0}.order-flow__title{font-size:1.3rem;font-weight:600;line-height:1.3;letter-spacing:.05rem;color:rgb(var(--color-foreground))}.order-flow__text{font-size:1.25rem;line-height:1.4;color:rgba(var(--color-foreground),.72)}.order-flow__step--highlight .order-flow__icon{border-color:var(--of-highlight);background:var(--of-highlight);color:#fff}.order-flow__step--highlight .order-flow__number{background:var(--of-highlight)}.order-flow__step--highlight .order-flow__title{color:var(--of-highlight)}@media screen and (min-width:750px){.order-flow:not(.order-flow--compact){grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1.6rem}.order-flow:not(.order-flow--compact) .order-flow__step{flex-direction:column;align-items:center;text-align:center}.order-flow:not(.order-flow--compact) .order-flow__content{align-items:center;padding-top:.4rem}.order-flow:not(.order-flow--compact) .order-flow__step:not(:last-child):after{top:calc(var(--of-icon-size) / 2);bottom:auto;left:calc(50% + var(--of-icon-size) / 2 + .8rem);right:calc(-50% + var(--of-icon-size) / 2 + .8rem - 1.6rem);width:auto;border-left:0;border-top:.1rem dashed rgba(182,113,62,.45)}}.order-flow--compact{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.4rem}.order-flow--compact .order-flow__step{flex-direction:column;align-items:center;gap:.6rem;text-align:center}.order-flow--compact .order-flow__content{padding-top:0}.order-flow--compact{--of-icon-size: 3.4rem}.order-flow--compact .order-flow__title{font-size:1.1rem;letter-spacing:0}.order-flow--compact .order-flow__step:not(:last-child):after{top:1.7rem;bottom:auto;left:calc(50% + 2.2rem);right:calc(-50% + 2.2rem - .4rem);width:auto;border-left:0;border-top:.1rem dashed rgba(182,113,62,.45)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-order-flow.css.map */