.how-to-use-steps{background:var(--how-to-use-steps-bg, #f7f7f7);color:#1a1a1a;padding-top:var(--how-to-use-steps-section-padding-top-mobile, 0px);padding-bottom:var(--how-to-use-steps-section-padding-bottom-mobile, 0px)}.how-to-use-steps__wrapper{width:100%;max-width:min(100%,var(--how-to-use-steps-max-width-desktop, 1020px));margin-inline:auto;padding-inline:var(--how-to-use-steps-side-padding-mobile, 16px);box-sizing:border-box}.how-to-use-steps__inner{display:flex;flex-direction:column;align-items:center;gap:34px}.how-to-use-steps__content{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%}.how-to-use-steps__header{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:891px;text-align:center}.how-to-use-steps__heading-1{margin:0;width:100%;font-family:var(--text-font-family);font-size:16px;font-weight:400;line-height:32px;color:var(--how-to-use-steps-slate, #2d4248)}.how-to-use-steps__heading-1 p{margin:0}.how-to-use-steps__heading-2{margin:0;width:100%;font-family:var(--heading-font-family);font-size:30px;font-weight:400;line-height:36px;color:var(--how-to-use-steps-slate, #2d4248)}.how-to-use-steps__heading-2 p{margin:0}.how-to-use-steps__text-1{margin:0;width:100%;font-family:var(--text-font-family);font-size:18px;font-weight:400;line-height:30px;color:#1a1a1a}.how-to-use-steps__text-1 p{margin:0}.how-to-use-steps__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.how-to-use-steps__card{display:flex;flex-direction:column;gap:0;padding:14.5px;border-radius:10px;background:var(--how-to-use-steps-card-bg, #eef2f3);min-width:0}.how-to-use-steps__card-number{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:var(--how-to-use-steps-slate, #2d4248);color:#fff;font-family:var(--text-font-family);font-size:9px;font-weight:600;line-height:14px;flex-shrink:0}.how-to-use-steps__card-media{margin-top:11px;border-radius:7px;overflow:hidden;aspect-ratio:1 / 1}.how-to-use-steps__card-media-inner{width:100%;height:100%;display:flex}.how-to-use-steps__card-media .custom-picture{display:block;width:100%;height:100%}.how-to-use-steps__card-image,.how-to-use-steps__card-video{display:block;width:100%;height:100%;object-fit:cover}.how-to-use-steps__card-body{display:flex;flex-direction:column;gap:7px;margin-top:14px;min-width:0}.how-to-use-steps__card-heading{margin:0;font-family:var(--heading-font-family);font-size:16px;font-weight:600;line-height:16px;color:var(--how-to-use-steps-slate, #2d4248)}.how-to-use-steps__card-heading p{margin:0}.how-to-use-steps__card-text{margin:0;font-family:var(--text-font-family);font-size:12px;font-weight:400;line-height:18px;color:var(--how-to-use-steps-slate, #2d4248)}.how-to-use-steps__card-text p{margin:0}.how-to-use-steps__banner{width:100%;border-radius:10px;background:var(--how-to-use-steps-banner-bg, #2d4248);padding:24px;box-sizing:border-box}.how-to-use-steps__banner-inner{display:flex;flex-direction:column;gap:26px}.how-to-use-steps__banner-media{width:100%;border-radius:8.6px;overflow:hidden}.how-to-use-steps__banner-media .custom-picture{display:block;width:100%}.how-to-use-steps__banner-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000}.how-to-use-steps__banner-video-wrapper iframe,.how-to-use-steps__banner-video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;object-fit:cover}.how-to-use-steps__banner-image{display:block;width:100%;height:auto}.how-to-use-steps__banner-copy{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.how-to-use-steps__banner-heading-group{display:flex;flex-direction:column;gap:1px}.how-to-use-steps__banner-heading{margin:0;font-family:var(--heading-font-family);font-size:18px;font-weight:600;line-height:27px;color:#fff}.how-to-use-steps__banner-heading p{margin:0}.how-to-use-steps__banner-text{margin:0;font-family:var(--text-font-family);font-size:14px;font-weight:400;line-height:21px;color:#ffffffa6}.how-to-use-steps__banner-text p{margin:0}.how-to-use-steps__button{display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:transparent;color:#fff;font-family:var(--text-font-family);font-size:14px;font-weight:500;line-height:19px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.how-to-use-steps__button:hover{border-color:#ffffff73;background:#ffffff0f}.how-to-use-steps__button-play{display:block;width:0;height:0;border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;border-left:11px solid var(--how-to-use-steps-accent, #05b67c);flex-shrink:0}.how-to-use-steps__button-label p{margin:0}@media screen and (min-width:768px){.how-to-use-steps{padding-top:var(--how-to-use-steps-section-padding-top-desktop, 0px);padding-bottom:var(--how-to-use-steps-section-padding-bottom-desktop, 0px)}.how-to-use-steps__wrapper{padding-inline:var(--how-to-use-steps-side-padding-desktop, 48px)}.how-to-use-steps__inner{gap:40px}.how-to-use-steps__content{gap:23px}.how-to-use-steps__heading-1{font-size:24px;line-height:32px}.how-to-use-steps__heading-2{font-size:48px;line-height:54px}.how-to-use-steps__text-1{font-size:20px;line-height:32px}.how-to-use-steps__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.how-to-use-steps__card{padding:20px;border-radius:14px;min-height:400px}.how-to-use-steps__card-number{width:32px;height:32px;font-size:13px;line-height:20px}.how-to-use-steps__card-media{margin-top:16px;border-radius:10px}.how-to-use-steps__card-body{margin-top:19px;gap:10px}.how-to-use-steps__card-heading{font-size:15px;line-height:22px}.how-to-use-steps__card-text{font-size:13px;line-height:20px}.how-to-use-steps__banner{border-radius:20px;padding:28px}.how-to-use-steps__banner-inner{flex-direction:row;align-items:center;gap:26px}.how-to-use-steps__banner-media{flex:0 0 359px;width:359px;max-width:42%;border-radius:10px}.how-to-use-steps__banner-copy{flex:1 1 auto;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/custom-how-to-use-steps.css.map */