.sml-hiw{--sml-hiw-card-bg: #f5f7fa;--sml-hiw-card-r: 12px;padding:56px 0 28px;margin:0;border-radius:var(--sm-r-xl);background:var(--sm-bg-card);position:relative;overflow:hidden}.shopify-section:has(>.sml-hiw){margin-bottom:0}.sml-hiw__header{display:flex;flex-direction:column;gap:8px;margin-bottom:50px}.sml-hiw__heading{margin:0;font-family:var(--sm-font-display);font-size:22px;line-height:27.5px;font-weight:var(--sm-fw-semibold);color:var(--sm-text)}.sml-hiw__sub{margin:0;font-size:14px;line-height:17.5px;color:var(--sm-black-50)}.sml-hiw__list{display:flex;flex-direction:column;gap:16px}.sml-hiw__card{position:relative;display:block;min-height:220px;padding:24px;border-radius:var(--sml-hiw-card-r);background:var(--sml-hiw-card-bg);overflow:hidden}.sml-hiw__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;width:55%;min-height:172px}.sml-hiw__step-label{margin:0;font-family:var(--sm-font-display);font-size:26px;line-height:32.5px;font-weight:var(--sm-fw-semibold);color:var(--sm-text)}.sml-hiw__step-title{margin:0;font-size:16px;line-height:21.79px;color:var(--sm-text)}.sml-hiw__media{position:absolute;top:12px;right:0;bottom:0;width:46%;pointer-events:none}.sml-hiw__media picture{display:block;width:100%;height:100%}.sml-hiw__image{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}.sml-hiw__footnote{margin-top:16px;font-size:12px;line-height:1.6;color:var(--sm-black-50)}.sml-hiw__footnote p{margin:0}.sml-hiw__nav{display:none}@keyframes sml-hiw-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:990px){.sml-hiw{padding:96px 0 32px}.sml-hiw__header{margin-bottom:56px}.sml-hiw__heading{font-size:32px;line-height:1.25em}.sml-hiw__sub{font-size:16px;line-height:24px}.sml-hiw__list{flex-direction:row;align-items:flex-start;gap:25px}.sml-hiw__card{flex:0 0 248px;width:248px;height:243px;min-height:0;padding:24px;cursor:pointer}.sml-hiw__card.is-active{flex:0 0 572px;width:572px;height:381px;padding:32px;cursor:default}.sml-hiw__body{width:100%;min-height:0;gap:16px;height:100%}.sml-hiw__step-label{font-size:28px;line-height:1.2em;animation:sml-hiw-fade .28s ease-out both}.sml-hiw__card.is-active .sml-hiw__step-label{font-size:44px}.sml-hiw__step-title{display:none;font-size:20px;line-height:1.362em;animation:sml-hiw-fade .32s ease-out both;animation-delay:60ms}.sml-hiw__card.is-active .sml-hiw__step-title{display:block;width:230px;margin-top:auto}.sml-hiw__media{top:auto;right:0;bottom:0;left:0;width:100%;height:175px}.sml-hiw__card.is-active .sml-hiw__media{top:25px;left:auto;right:24px;bottom:0;width:249px;height:auto}.sml-hiw__image{object-position:center bottom;animation:sml-hiw-fade .36s ease-out both;animation-delay:.1s}.sml-hiw__nav{display:flex;gap:16px;margin-top:-44px;margin-left:597px;position:relative;z-index:2}.sml-hiw__arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--sm-border-line);background:var(--sm-white);color:var(--sm-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--sm-transition),color var(--sm-transition)}.sml-hiw__arrow:hover{background:var(--sm-text);color:var(--sm-white)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sml-how-it-works.css.map */