.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%}@media screen and (max-width:767px){.how-to-use-steps__steps--align-center .how-to-use-steps__card:last-child:nth-child(odd):not(:only-child):not(.how-to-use-steps__card--mobile-horizontal){grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}.how-to-use-steps__steps--align-right .how-to-use-steps__card:last-child:nth-child(odd):not(:only-child):not(.how-to-use-steps__card--mobile-horizontal){grid-column:1 / -1;justify-self:end;width:calc(50% - 6px)}.how-to-use-steps__steps--align-left .how-to-use-steps__card:last-child:nth-child(odd):not(:only-child):not(.how-to-use-steps__card--mobile-horizontal){grid-column:1 / -1;justify-self:start;width:calc(50% - 6px)}}.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}@media screen and (max-width:767px){.how-to-use-steps__card--mobile-horizontal{display:grid;grid-template-columns:minmax(0,43%) minmax(0,1fr);align-items:end;column-gap:10px;grid-column:1 / -1;width:100%;min-height:unset;height:fit-content;padding:14px;border-radius:10px;box-sizing:border-box}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-media{grid-column:1;grid-row:1;margin-top:0;width:100%;align-self:end;border-radius:7px}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;align-self:end}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-body{margin-top:0;gap:7px}}.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}.how-to-use-steps__inline-list{display:flex;flex-direction:column;align-items:stretch;gap:30px;width:100%;min-width:0}.how-to-use-steps__steps+.how-to-use-steps__inline-list{margin-top:30px}.how-to-use-steps__inline-step{display:flex;flex-direction:row;align-items:center;gap:20px;width:100%;min-width:0}.how-to-use-steps__inline-step-media{flex:0 0 136px;width:136px;height:137px;border-radius:9px;overflow:hidden;background:#d9d9d9}.how-to-use-steps__inline-step-media .custom-picture{display:block;width:100%;height:100%}.how-to-use-steps__inline-step-image,.how-to-use-steps__inline-step-video{display:block;width:100%;height:100%;object-fit:cover}.how-to-use-steps__inline-step-body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:0;min-width:0}.how-to-use-steps__inline-step-heading{margin:0;font-family:var(--heading-font-family);font-size:14px;font-weight:700;line-height:20px;color:#2e4247}.how-to-use-steps__inline-step-heading p{margin:0}.how-to-use-steps__inline-step-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__inline-step-text 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__steps--count-3.how-to-use-steps__steps--align-center{grid-template-columns:repeat(3,minmax(0,1fr))}.how-to-use-steps__steps--count-3.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(1){grid-column:2}.how-to-use-steps__steps--count-3.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(2){grid-column:3}.how-to-use-steps__steps--count-3.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(3){grid-column:4}.how-to-use-steps__steps .how-to-use-steps__card:last-child:nth-child(odd):not(:only-child){grid-column:auto;justify-self:stretch;width:auto}.how-to-use-steps__steps--count-2.how-to-use-steps__steps--align-center .how-to-use-steps__card:nth-child(1){grid-column:2}.how-to-use-steps__steps--count-2.how-to-use-steps__steps--align-center .how-to-use-steps__card:nth-child(2){grid-column:3}.how-to-use-steps__steps--count-2.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(1){grid-column:3}.how-to-use-steps__steps--count-2.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(2){grid-column:4}.how-to-use-steps__steps--count-1.how-to-use-steps__steps--align-center .how-to-use-steps__card:nth-child(1){grid-column:2 / span 2}.how-to-use-steps__steps--count-1.how-to-use-steps__steps--align-right .how-to-use-steps__card:nth-child(1){grid-column:4}.how-to-use-steps__card:not(.how-to-use-steps__card--mobile-horizontal){padding:20px;border-radius:14px;min-height:400px}.how-to-use-steps__card--mobile-horizontal{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"number" "media" "body";min-height:unset;padding:20px;border-radius:14px}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-copy{display:contents}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-number{grid-area:number}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-media{grid-area:media;margin-top:16px}.how-to-use-steps__card--mobile-horizontal .how-to-use-steps__card-body{grid-area:body;margin-top:19px}.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}.how-to-use-steps__inline-list{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:16px}.how-to-use-steps__inline-list--align-left{justify-content:flex-start}.how-to-use-steps__inline-list--align-center{justify-content:center}.how-to-use-steps__inline-list--align-right{justify-content:flex-end}.how-to-use-steps__inline-list--count-3 .how-to-use-steps__inline-step{flex:0 1 calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3)}.how-to-use-steps__inline-list--count-2 .how-to-use-steps__inline-step{flex:0 1 calc((100% - 16px)/2);max-width:calc((100% - 16px)/2)}.how-to-use-steps__inline-list--count-1 .how-to-use-steps__inline-step{flex:0 1 50%;max-width:50%}.how-to-use-steps__inline-step{flex-direction:column;align-items:flex-start;gap:16px}.how-to-use-steps__inline-step-media{flex:none;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:10px}.how-to-use-steps__inline-step-heading{font-size:15px;line-height:22px}.how-to-use-steps__inline-step-text{font-size:13px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/152/assets/custom-how-to-use-steps.css.map */