.tf-steps__list{display:grid;grid-auto-columns:78%;grid-auto-flow:column;gap:1.6rem;margin:0 -2rem;padding:0 2rem .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2rem;scrollbar-width:none}.tf-steps__list::-webkit-scrollbar{display:none}.tf-steps__item{scroll-snap-align:start}.tf-steps__media{position:relative;overflow:hidden;border-radius:var(--border-radius-media, .3rem);background:rgb(var(--color-background-secondary));aspect-ratio:4 / 5}.tf-steps__image{display:block;width:100%;height:100%;object-fit:cover}.tf-steps__image--placeholder{fill:rgba(var(--color-foreground),.3)}.tf-steps__number{position:absolute;top:1.2rem;left:1.2rem;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.6rem;line-height:1}.tf-steps__title{margin:2rem 0 .6rem;font-family:var(--font-body-family);font-size:1.7rem;font-weight:600;line-height:1.3;letter-spacing:0}.tf-steps__text{color:rgb(var(--color-foreground-secondary));font-size:1.5rem;line-height:1.55}.tf-steps__text>:first-child{margin-top:0}.tf-steps__text>:last-child{margin-bottom:0}@media screen and (min-width:750px){.tf-steps__list{grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:3.2rem;margin:0;padding:0;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-tf-how-it-works.css.map */