@import"base-styles.css";.how-it-works{padding:0}.how-it-works__title{text-align:left;margin-bottom:1rem;font-weight:600;color:rgba(var(--color-foreground),1);font-size:var(--fb-size-h2);font-family:var(--font-heading-family)!important;line-height:var(--fb-line-height-heading)!important;padding-bottom:2rem}.how-it-works__grid{display:flex;flex-wrap:wrap;gap:2rem}@media screen and (max-width: 749px){.how-it-works__grid{flex-direction:column}.how-it-works__media-item{order:2}.how-it-works__steps-container{order:1}}@media screen and (min-width: 750px){.how-it-works__grid{flex-wrap:nowrap;gap:4rem}.how-it-works__media-item,.how-it-works__steps-container{order:unset}}.how-it-works__grid--reverse{flex-direction:row-reverse}.how-it-works__media-item{flex-basis:100%}.how-it-works__steps-container{flex-basis:100%;position:relative;padding-bottom:0}@media screen and (min-width: 750px){.how-it-works__media-item,.how-it-works__steps-container{flex-basis:calc(50% - 2rem)}}.how-it-works__media{position:relative}.how-it-works__media[style*=--ratio-percent]{padding-bottom:var(--ratio-percent)!important}.how-it-works__media.media{display:block;position:relative;overflow:hidden;border-radius:8px;width:100%}.how-it-works__media.placeholder{background-color:rgba(var(--color-foreground),.04)}.how-it-works__media--transparent{background-color:transparent}.how-it-works__video-container{position:relative;width:100%;height:0;padding-bottom:var(--ratio-percent, 56.25%);overflow:hidden;border-radius:8px}.how-it-works__video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#000}.how-it-works__deferred-media{position:absolute;top:0;left:0;width:100%;height:100%}.how-it-works__poster.media{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.how-it-works .deferred-media__poster-button{display:none}.how-it-works__poster.media:after{background:rgba(var(--color-foreground),0)}.how-it-works__poster.media:hover:after{background:rgba(var(--color-foreground),0)}.how-it-works__poster img{width:100%;height:100%;object-fit:cover}.how-it-works__steps{position:relative;padding:0}.how-it-works__vertical-line{position:absolute;top:0;left:0;transform:translate(-50%);width:4px;height:100%}.how-it-works__progress-line{position:absolute;top:0;left:2px;transform:translate(-50%);width:4px;height:0;border-radius:2px;background:rgba(var(--color-foreground));transition:height .35s ease-out;will-change:height}.how-it-works__step{display:flex;margin-bottom:2rem;position:relative;opacity:1;transform:none}.how-it-works__step:last-child{margin-bottom:0}.how-it-works__step-content{padding-left:2.25rem}.how-it-works__step-title{color:rgba(var(--color-foreground),1);font-size:var(--fb-size-h4);line-height:var(--fb-line-height-heading);font-weight:var(--fb-weight-medium);font-family:var(--font-heading-family)}.how-it-works__step-description{font-size:var(--fb-size-body-large);color:rgb(var(--color-foreground),.77);line-height:var(--fb-line-height-body-large);font-family:var(--font-body-family)}.how-it-works__button{margin-top:2rem;display:inline-block}.deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-button));border:.1rem solid rgba(var(--color-button),.1);border-radius:50%;color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;cursor:pointer;transition:transform var(--duration-short) ease}@media screen and (max-width: 749px){.deferred-media__poster-button{height:4.8rem;width:4.8rem}}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.how-it-works iframe,.how-it-works video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-how-it-works.css.map */