.home-steps__timeline{--step-circle-size: 13rem;--step-number-size: 3.5rem;position:relative;display:grid;gap:2.5rem;margin-top:3rem;text-align:left}.home-steps__timeline:before{content:"";position:absolute;top:calc(var(--step-number-size) / 2);bottom:calc(var(--step-number-size) / 2);left:calc(var(--step-number-size) / 2);border-left:1px dashed var(--color-theme-line-strong)}.home-steps__step{position:relative;z-index:1;display:grid;grid-template-columns:var(--step-number-size) minmax(0,1fr);gap:1rem;align-items:start}.home-steps__number{display:grid;width:var(--step-number-size);height:var(--step-number-size);place-items:center;border:1px solid var(--color-border-glow);border-radius:4px;background:var(--color-button-primary);color:var(--color-button-text);font-size:1.5rem;font-weight:800;line-height:1;box-shadow:0 0 0 8px var(--color-bg-primary)}.home-steps__media{display:flex;width:min(58vw,var(--step-circle-size));height:min(58vw,var(--step-circle-size));align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-theme-subtle);border-radius:4px;background:var(--color-bg-secondary);padding:.25rem;box-shadow:0 10px 20px #0000004d;transition:scale .3s ease,transform .3s ease}.home-steps__media:hover{scale:1.03}.home-steps__content{grid-column:2;max-width:18rem}@media(min-width:48rem){.home-steps__timeline{--step-circle-size: 15rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;text-align:center}.home-steps__timeline:before{top:calc(var(--step-circle-size) / 2);right:20%;bottom:auto;left:20%;border-top:1px dashed var(--color-theme-line-strong);border-left:0}.home-steps__step{display:flex;flex-direction:column;align-items:center;gap:0}.home-steps__media{width:var(--step-circle-size);height:var(--step-circle-size)}.home-steps__number{order:2;margin-top:1.5rem;box-shadow:0 0 0 8px var(--color-bg-primary)}.home-steps__content{order:3;grid-column:auto;margin-top:.875rem}.home-steps__content p{margin-right:auto;margin-left:auto}}@media(min-width:64rem){.home-steps__timeline{--step-circle-size: 16rem;gap:3rem}.home-steps__timeline--two{grid-template-columns:repeat(2,minmax(0,1fr))}.home-steps__timeline--three{grid-template-columns:repeat(3,minmax(0,1fr))}.home-steps__timeline--four{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */