.cx-howto{position:relative;overflow:hidden}.cx-howto__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4rem;padding:4rem 0}@media screen and (min-width:750px){.cx-howto__inner{padding:6rem 0;gap:5rem}}@media screen and (min-width:990px){.cx-howto__inner{padding:8rem 0;gap:6rem}}.cx-howto__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:64rem}.cx-howto__label{display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.4;opacity:.55}.cx-howto__heading{font-size:3.2rem;line-height:1.15;font-weight:400;margin:0;letter-spacing:-.01em}@media screen and (min-width:750px){.cx-howto__heading{font-size:4rem}}@media screen and (min-width:990px){.cx-howto__heading{font-size:4.8rem}}.cx-howto__heading em,.cx-howto__heading i{font-style:italic}.cx-howto__description{font-size:1.4rem;line-height:1.7;margin:.4rem 0 0;max-width:52rem;opacity:.6}@media screen and (min-width:750px){.cx-howto__description{font-size:1.5rem}}.cx-howto__steps{display:grid;grid-template-columns:1fr;gap:3.2rem;width:100%}@media screen and (min-width:750px){.cx-howto__steps{grid-template-columns:repeat(var(--cx-howto-columns, 4),1fr);gap:0}}.cx-howto__step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;gap:1.6rem}@media screen and (min-width:750px){.cx-howto__step{gap:2rem}}.cx-howto__step-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:6rem}@media screen and (min-width:750px){.cx-howto__step:not(:last-child) .cx-howto__step-visual:after{content:"";position:absolute;top:50%;left:calc(50% + 3rem);right:calc(-50% + 3rem);height:1px;background-color:rgba(var(--color-foreground),.15);transform:translateY(-50%)}}@media screen and (max-width:749px){.cx-howto__step:not(:last-child):after{content:"";position:absolute;bottom:-2rem;left:50%;width:1px;height:1.6rem;background-color:rgba(var(--color-foreground),.15);transform:translate(-50%)}}.cx-howto__step-circle{width:5.6rem;height:5.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;color:#fff;position:relative;z-index:2;flex-shrink:0}@media screen and (min-width:750px){.cx-howto__step-circle{width:6rem;height:6rem;font-size:2rem}}.cx-howto__step-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0 .8rem}@media screen and (min-width:750px){.cx-howto__step-content{padding:0 1.2rem}}.cx-howto__step-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}@media screen and (min-width:750px){.cx-howto__step-title{font-size:1.6rem}}.cx-howto__step-text{font-size:1.3rem;line-height:1.6;margin:0;opacity:.6;max-width:80%}@media screen and (min-width:750px){.cx-howto__step-text{font-size:1.4rem}}@media(prefers-reduced-motion:no-preference){.cx-howto[data-animate] .cx-howto__header{opacity:0;transform:translateY(20px);animation:cxHowtoFadeUp .6s ease forwards}.cx-howto[data-animate] .cx-howto__step{opacity:0;transform:translateY(20px)}.cx-howto[data-animate] .cx-howto__step:nth-child(1){animation:cxHowtoFadeUp .5s ease .15s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(2){animation:cxHowtoFadeUp .5s ease .25s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(3){animation:cxHowtoFadeUp .5s ease .35s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(4){animation:cxHowtoFadeUp .5s ease .45s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(5){animation:cxHowtoFadeUp .5s ease .55s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(6){animation:cxHowtoFadeUp .5s ease .65s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(7){animation:cxHowtoFadeUp .5s ease .75s forwards}.cx-howto[data-animate] .cx-howto__step:nth-child(8){animation:cxHowtoFadeUp .5s ease .85s forwards}}@keyframes cxHowtoFadeUp{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-cx-howto.css.map */