.mhiw{--mhiw-bg: #f9f9fc;--mhiw-text: #0b0b0c;--mhiw-text-2: #6b6b72;--mhiw-accent: #6d28d9;--mhiw-radius: 20px;--mhiw-surface: #f1f1f3;--mhiw-surface: color-mix(in srgb, var(--mhiw-text-2) 14%, var(--mhiw-bg));--mhiw-placeholder-fill: rgba(11, 11, 12, .09);--mhiw-placeholder-fill: color-mix(in srgb, var(--mhiw-text) 9%, transparent);--mhiw-pt-m: 64px;--mhiw-pb-m: 64px;--mhiw-pt-d: 120px;--mhiw-pb-d: 120px;--mhiw-ease: cubic-bezier(.22, .61, .36, 1);--mhiw-ease-out: cubic-bezier(.16, 1, .3, 1);position:relative;width:100%;overflow-x:clip;background:var(--mhiw-bg);color:var(--mhiw-text);padding-top:var(--mhiw-pt-m);padding-bottom:var(--mhiw-pb-m)}@media screen and (min-width:750px){.mhiw{padding-top:var(--mhiw-pt-d);padding-bottom:var(--mhiw-pb-d)}}.mhiw__inner{box-sizing:border-box;width:100%;max-width:var(--section-container);margin:0 auto;padding-inline:var(--section-gutter)}@media screen and (min-width:990px){.mhiw__inner{max-width:1760px;padding-left:clamp(32px,3.2vw,72px);padding-right:clamp(32px,3.2vw,72px)}}.mhiw__header{max-width:720px;margin:0 auto;text-align:center}@media screen and (min-width:990px){.mhiw__header{max-width:980px}}.mhiw__heading{margin:0;font-family:"P22MackinacPro-Normal",var(--font-heading-family),Georgia,serif!important;font-style:normal;font-weight:400;font-size:var(--section-heading-size);line-height:1.06;letter-spacing:-.025em;color:var(--mhiw-text)}.mhiw__heading-line{display:block}@media screen and (min-width:750px){.mhiw__heading{font-size:min(4.8rem,5.6vw)}.mhiw__heading-line{display:inline}.mhiw__heading-line+.mhiw__heading-line:before{content:" ";white-space:pre}}.mhiw__heading-accent{font-family:"P22MackinacPro-normal-italic",var(--font-heading-family),Georgia,serif!important;font-style:normal;font-weight:inherit;color:var(--mhiw-accent)}html body .mhiw :is(.mhiw__subheading,.mhiw__desc):not(#fontpro-specificity-guard){font-family:"SuisseIntl-Light",var(--font-body-family),Inter,system-ui,sans-serif!important;font-size:var(--section-subheading-size);font-weight:400;line-height:1.45;color:var(--mhiw-text-2)!important}html body .mhiw .mhiw__subheading:not(#fontpro-specificity-guard){margin:14px auto 0;max-width:34ch;letter-spacing:0}@media screen and (max-width:749px){html body .mhiw :is(.mhiw__subheading,.mhiw__desc):not(#fontpro-specificity-guard){font-size:1.4rem!important}}@media screen and (min-width:750px){html body .mhiw .mhiw__subheading:not(#fontpro-specificity-guard){margin-top:20px;max-width:46ch}}.mhiw__steps{display:flex;flex-direction:column;gap:64px;margin-top:56px}@media screen and (min-width:750px){.mhiw__steps{gap:96px;margin-top:88px}}.mhiw__step{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}@media screen and (min-width:990px){.mhiw__steps{display:grid;grid-template-columns:repeat(var(--mhiw-step-count, 5),minmax(0,1fr));gap:clamp(14px,1.4vw,28px);align-items:start;margin-top:clamp(64px,5vw,96px)}.mhiw__step{display:flex;flex-direction:column;gap:clamp(14px,1.2vw,22px);align-items:stretch}.mhiw__step--reverse .mhiw__media,.mhiw__step--reverse .mhiw__body{grid-column:auto;grid-row:auto}.mhiw__body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1 auto;text-align:left}.mhiw__body:before{transform-origin:left center}.mhiw__connector{display:none}.mhiw__step{--mhiw-delay: calc(var(--mhiw-i, 0) * 90ms)}}.mhiw__media{position:relative;min-width:0}.mhiw__frame{position:relative;overflow:hidden;border-radius:var(--mhiw-radius);background:var(--mhiw-surface);aspect-ratio:1 / 1}.mhiw__frame img,.mhiw__frame svg{display:block;width:100%;height:100%;object-fit:cover}.mhiw__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mhiw-surface)}.mhiw__placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 70% at 78% 22%,var(--mhiw-accent) 0%,transparent 62%);opacity:.12;pointer-events:none}.mhiw__placeholder .placeholder-svg{position:relative;z-index:1;width:100%;height:100%;background-color:transparent;fill:var(--mhiw-placeholder-fill)}.mhiw__number{display:block;margin-bottom:10px;font-family:var(--type-mono-family),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--section-meta-size);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.16em;color:var(--mhiw-accent)}@media screen and (max-width:989px){.mhiw__number{margin-right:-.16em}}@media screen and (min-width:750px){.mhiw__number{margin-bottom:12px}}.mhiw__body{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.mhiw__body:before{content:"";display:block;flex:none;width:100%;height:1px;margin-bottom:14px;background:color-mix(in srgb,var(--mhiw-text) 13%,transparent);transform-origin:center center}@media screen and (min-width:750px){.mhiw__body:before{margin-bottom:16px}}.mhiw__title{margin:0;font-family:"P22MackinacPro-Normal",var(--font-heading-family),Georgia,serif!important;font-style:normal;font-weight:var(--font-heading-weight);font-size:var(--section-card-title-size);line-height:1.2;letter-spacing:-.015em;color:var(--mhiw-text)}html body .mhiw .mhiw__desc:not(#fontpro-specificity-guard){margin:6px auto 0;max-width:32ch;text-align:center}@media screen and (min-width:990px){html body .mhiw .mhiw__desc:not(#fontpro-specificity-guard){margin:6px auto 0;max-width:28ch;text-align:center}}.mhiw__connector{position:absolute;left:50%;top:calc(100% + 16px);width:2px;height:34px;margin-left:-1px;background-image:radial-gradient(circle,var(--mhiw-accent) 1px,transparent 1.2px);background-size:2px 8px;background-repeat:repeat-y;opacity:.4;pointer-events:none}@media screen and (min-width:750px){.mhiw__connector{top:calc(100% + 20px);height:54px}}@media screen and (min-width:990px){.mhiw__connector{top:calc(100% + 24px);height:80px;background-size:2px 9px}}.mhiw--motion .mhiw__reveal{opacity:0;transform:translateY(16px)}.mhiw--motion .mhiw__reveal.is-revealed{opacity:1;transform:none;transition:opacity .8s var(--mhiw-ease),transform .8s var(--mhiw-ease)}.mhiw--motion .mhiw__reveal .mhiw__frame img{transform:scale(1.04)}.mhiw--motion .mhiw__reveal.is-revealed .mhiw__frame img{transform:none;transition:transform 1.2s var(--mhiw-ease)}.mhiw--motion .mhiw__step{transform:translateY(34px) scale(.965)}.mhiw--motion .mhiw__step.is-revealed{transform:none;transition:opacity .85s var(--mhiw-ease) var(--mhiw-delay, 0ms),transform .85s var(--mhiw-ease) var(--mhiw-delay, 0ms)}.mhiw--motion .mhiw__step .mhiw__frame{clip-path:inset(0 0 12% 0 round var(--mhiw-radius))}.mhiw--motion .mhiw__step.is-revealed .mhiw__frame{clip-path:inset(0 0 0 0 round var(--mhiw-radius));transition:clip-path .95s var(--mhiw-ease) var(--mhiw-delay, 0ms)}.mhiw--motion .mhiw__step .mhiw__frame img{transform:scale(1.08)}.mhiw--motion .mhiw__step.is-revealed .mhiw__frame img{transform:none;transition:transform 1.4s var(--mhiw-ease) var(--mhiw-delay, 0ms)}.mhiw--motion .mhiw__step .mhiw__body{opacity:0;transform:translateY(14px)}.mhiw--motion .mhiw__step.is-revealed .mhiw__body{opacity:1;transform:none;transition:opacity .7s var(--mhiw-ease) calc(var(--mhiw-delay, 0ms) + .16s),transform .7s var(--mhiw-ease) calc(var(--mhiw-delay, 0ms) + .16s)}.mhiw--motion .mhiw__step .mhiw__body:before{transform:scaleX(0)}.mhiw--motion .mhiw__step.is-revealed .mhiw__body:before{transform:none;transition:transform 1.05s var(--mhiw-ease-out) calc(var(--mhiw-delay, 0ms) + .38s)}.mhiw--motion .mhiw__step .mhiw__number{opacity:0;transform:translateY(5px)}.mhiw--motion .mhiw__step.is-revealed .mhiw__number{opacity:1;transform:none;transition:opacity .5s var(--mhiw-ease-out) calc(var(--mhiw-delay, 0ms) + .3s),transform .65s var(--mhiw-ease-out) calc(var(--mhiw-delay, 0ms) + .3s)}@media(hover:hover)and (pointer:fine){.mhiw .mhiw__step .mhiw__frame img{transition:scale 1s var(--mhiw-ease)}.mhiw--motion .mhiw__step.is-revealed .mhiw__frame img{transition:transform 1.4s var(--mhiw-ease) var(--mhiw-delay, 0ms),scale 1s var(--mhiw-ease)}.mhiw .mhiw__step:hover .mhiw__frame img{scale:1.035}}@media(prefers-reduced-motion:reduce){.mhiw--motion .mhiw__reveal,.mhiw--motion .mhiw__reveal .mhiw__frame img,.mhiw--motion .mhiw__step,.mhiw--motion .mhiw__step .mhiw__body,.mhiw--motion .mhiw__step .mhiw__number,.mhiw--motion .mhiw__step .mhiw__body:before{opacity:1;transform:none;transition:none}.mhiw--motion .mhiw__step .mhiw__frame{clip-path:none;transition:none}.mhiw .mhiw__step:hover .mhiw__frame img{scale:1;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-myoform-how-it-works-v2.css.map */