.onboarding-showcase{width:100%;box-sizing:border-box}.onboarding-showcase__grid{display:flex;flex-direction:column-reverse;gap:4.5rem}.onboarding-showcase__content-col,.onboarding-showcase__media-col{width:100%}.onboarding-showcase__steps-list{display:flex;flex-direction:column;gap:3.5rem}.onboarding-step{display:flex;flex-direction:column;align-items:flex-start}.onboarding-step__icon-wrapper{margin-bottom:1.2rem;display:block}.onboarding-step__icon{width:auto;height:32px;object-fit:contain;display:block}.onboarding-step__title{margin-top:0;margin-bottom:1rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);text-transform:uppercase;letter-spacing:.05em;font-size:2rem;display:flex;align-items:center;gap:1rem;line-height:1.2}.onboarding-step__number{color:var( --gradient-base-accent-1, rgb(var(--color-accent-1)) );font-weight:900}.onboarding-step__description{color:rgba(var(--color-foreground),.7);line-height:1.6;max-width:480px}.onboarding-step__description p{margin:0}.onboarding-showcase__footer{margin-top:4.5rem}.button.onboarding-showcase__pill-button{display:inline-flex;background-color:transparent;color:rgb(var(--color-foreground));border:2px solid rgb(var(--color-foreground));border-radius:3rem;padding:1.4rem 4.5rem;font-weight:var(--font-heading-weight, 700);letter-spacing:.1em;font-size:1.4rem;transition:background-color .2s ease,color .2s ease;box-shadow:none;min-height:auto;text-transform:uppercase}.button.onboarding-showcase__pill-button:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.button.onboarding-showcase__pill-button:after,.button.onboarding-showcase__pill-button:before{box-shadow:none!important;content:none!important}.onboarding-showcase__media-frame{width:100%}.onboarding-showcase__img{width:100%;height:auto;display:block;object-fit:contain}.onboarding-showcase__placeholder{background-color:rgba(var(--color-foreground),.04);padding-bottom:80%;border-radius:8px}.onboarding-step__text img{max-width:100%;height:auto}@media screen and (min-width:750px){.onboarding-showcase__grid{flex-direction:row;gap:6rem;align-items:flex-start;max-width:100rem;margin:0 auto}.onboarding-showcase__content-col,.onboarding-showcase__media-col{width:50%;flex:0 0 50%}.onboarding-showcase__sticky-wrapper{position:sticky;top:4rem}.onboarding-step__title{font-size:2.2rem}}@media screen and (max-width:750px){.onboarding-showcase__header .custom-title{margin:2rem -2rem 0}.onboarding-showcase__grid{gap:0}.onboarding-showcase__content-col{margin-top:-3rem}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-onboarding-showcase.css.map */