.how-it-works__cont{padding:72px 0;background-color:#fff}.how-it-works{display:flex;flex-direction:column;gap:56px;justify-content:center;align-items:center}.how-it-works__title *{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);text-align:center;font-family:"FONTSPRING DEMO - The Seasons";font-size:48px;font-style:normal;font-weight:400;margin:0;line-height:normal}.how-it-works__title h2 strong{color:var(--Hello-Skin-Green-Granite, #8c9691)}.how-it-works__content{display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center;width:100%}.how-it-works__img{aspect-ratio:2/.9;width:100%;display:flex;overflow:hidden;justify-content:center;align-items:center;border-radius:15px;background-color:var(--Hello-Skin-Neutrals-Light-Grey, #f5f3f3);box-shadow:0 4px 15px #0000001a;position:relative;cursor:pointer}.how-it-works__media-wrapper{position:relative}.how-it-works__image{width:100%;height:100%;object-fit:cover;object-position:right 23%;transform:scale(1.25);transform-origin:right 23%;transition:opacity .3s ease}.how-it-works__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:15px;opacity:0;display:none;transition:opacity .3s ease}.how-it-works__video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);font-family:"FONTSPRING DEMO - The Seasons";font-size:24px;font-weight:400;text-align:center;margin:0;opacity:0;display:none;transition:opacity .3s ease}.how-it-works__steps{width:100%;display:flex;gap:40px}.how-it-works__step{display:flex;justify-content:center;align-items:center;gap:16px}.how-it-works__step-number{display:flex;width:59px;height:59px;padding:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:50px;background:#696464;aspect-ratio:1/1;color:#fff3f3;text-align:center;font-family:"FONTSPRING DEMO - The Seasons";font-size:48px;font-style:normal;font-weight:400;letter-spacing:-.562px}.how-it-works__step-text{color:var(--Hello-Skin-Neutrals-Dark-Grey, #5d5959);font-family:Bricolage Grotesque;font-size:16px;font-style:normal;font-weight:400;line-height:22px}@media (max-width: 800px){.how-it-works__cont{padding:48px 0}.how-it-works{gap:24px}.how-it-works__title *{font-size:32px}.how-it-works__content{gap:36px}.how-it-works__steps{gap:8px}.how-it-works__step{flex-direction:column}.how-it-works__step-number{display:flex;width:24px;height:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;aspect-ratio:1/1;color:#fff3f3;text-align:center;font-family:"FONTSPRING DEMO - The Seasons";font-size:14px;font-style:normal;font-weight:700;line-height:normal}.how-it-works__step-text{text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.how-it-works__video-placeholder{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/how-it-works.css.map */