.how-it-works.svelte-1wyjbsn{position:relative}@media (width>=1024px){.how-it-works.svelte-1wyjbsn{height:300vh}.hiw-sticky.svelte-1wyjbsn{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0}}.image-panel.svelte-1wyjbsn{border:1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);background-color:var(--color-primary-100);border-radius:1.5rem;height:640px;position:relative;overflow:hidden}.image-frame.svelte-1wyjbsn{transition:opacity .6s,transform .6s;position:absolute;inset:0}.image-active.svelte-1wyjbsn{opacity:1;z-index:1;transform:scale(1)}.image-hidden.svelte-1wyjbsn{opacity:0;z-index:0;transform:scale(1.03)}.steps-panel.svelte-1wyjbsn{min-height:350px}.steps-viewport.svelte-1wyjbsn{min-height:350px;position:relative;overflow:hidden}.step-item.svelte-1wyjbsn{flex-direction:column;justify-content:center;padding:1rem 0;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}@media (width<=1023px){.steps-viewport.svelte-1wyjbsn{min-height:unset;position:static}.step-item.svelte-1wyjbsn{margin-bottom:2.5rem;position:static;opacity:1!important;transform:none!important}}.step-active.svelte-1wyjbsn{opacity:1;z-index:2;pointer-events:auto;transform:translateY(0)}.step-exit-up.svelte-1wyjbsn{opacity:0;z-index:1;pointer-events:none;transform:translateY(-40px)}.step-exit-down.svelte-1wyjbsn{opacity:0;z-index:1;pointer-events:none;transform:translateY(40px)}.step-hidden.svelte-1wyjbsn{opacity:0;z-index:0;pointer-events:none;transform:translateY(50px)}.progress-dot.svelte-1wyjbsn{background-color:color-mix(in srgb, var(--color-primary) 25%, transparent);border-radius:9999px;width:6px;height:6px;transition:width .3s,background-color .3s;display:block}.progress-dot-active.svelte-1wyjbsn{background-color:var(--color-primary-500);width:24px}