.section-head{max-width:640px}.how-it-works__layout{margin-top:var(--space-7)}.how-it-works__stepper{margin-top:var(--space-6)}.how-it-works__navlist{margin-top:0;display:flex;flex-direction:column;padding:var(--space-2) var(--space-5)}.how-it-works__navitem{display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-4);border-bottom:1px solid var(--hairline)}.how-it-works__navitem:last-child{border-bottom:none}.how-it-works__navtop{display:flex;align-items:center;gap:var(--space-3)}.how-it-works__navnumber{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);color:var(--accent)}.how-it-works__navicon{display:inline-flex;color:var(--accent)}.how-it-works__navname{color:var(--text)}.how-it-works__navdesc{color:var(--text-secondary);max-width:52ch}.how-it-works__navimage{display:block;margin-top:var(--space-4)}.how-it-works__navimage-img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}.how-it-works__track,.how-it-works__showcase,.how-it-works__controls{display:none}@media(min-width:768px){.how-it-works__stepper.is-interactive .how-it-works__track,.how-it-works__stepper.is-interactive .how-it-works__showcase{display:block}.how-it-works__stepper.is-interactive .how-it-works__controls{display:flex}.how-it-works__stepper.is-interactive .how-it-works__navlist{display:none}}.how-it-works__track{position:relative;padding-block:var(--space-3)}.how-it-works__progress{position:absolute;left:22px;right:22px;top:50%;height:2px;transform:translateY(-50%);background-color:var(--hairline);border-radius:1px;overflow:hidden}.how-it-works__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background-color:var(--accent-fill);transition:transform .3s var(--ease-micro)}.how-it-works__tablist{position:relative;display:flex;justify-content:space-between;gap:var(--space-2)}.how-it-works__tab{position:relative;flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--surface);border:1.5px solid var(--hairline);color:var(--text-muted);cursor:pointer;transition:background-color .2s var(--ease-micro),border-color .2s var(--ease-micro),color .2s var(--ease-micro),box-shadow .2s var(--ease-micro)}.how-it-works__tab-number{font-family:var(--font-display);font-weight:700;font-size:var(--fs-body-sm)}.how-it-works__tab.is-complete{background-color:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-contrast)}.how-it-works__tab.is-active{background-color:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-contrast);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-fill) 35%,transparent)}.how-it-works__showcase{position:relative;margin-top:var(--space-6);background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.how-it-works__panel{display:grid;grid-template-columns:minmax(220px,320px) 1fr;align-items:center}.how-it-works__panel[hidden]{display:none}.how-it-works__panel-media{position:relative;align-self:stretch;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--surface-2)}.how-it-works__panel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s var(--ease),transform .6s var(--ease)}.how-it-works__panel.is-active .how-it-works__panel-img{opacity:1;transform:scale(1)}.how-it-works__panel-body{padding:var(--space-6) var(--space-7) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);opacity:0;transition:opacity .4s var(--ease)}.how-it-works__panel.is-active .how-it-works__panel-body{opacity:1}.how-it-works__panel-eyebrow{display:flex;align-items:center;gap:var(--space-2);color:var(--accent)}.how-it-works__panel-number{font-family:var(--font-display);font-weight:700;color:var(--accent)}.how-it-works__panel-icon{display:inline-flex}.how-it-works__panel-name{color:var(--text)}.how-it-works__panel-desc{color:var(--text-secondary);max-width:48ch}.how-it-works__controls{margin-top:var(--space-6);justify-content:space-between;align-items:center}.how-it-works__navbtn-icon{display:inline-flex}.how-it-works__navbtn-icon--prev{transform:rotate(90deg)}.how-it-works__navbtn-icon--next{transform:rotate(-90deg)}.how-it-works__navbtn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.how-it-works__navbtn[aria-disabled=true]:hover{transform:none;border-color:var(--hairline);background-color:transparent}@media(prefers-reduced-motion:reduce){.how-it-works__progress-fill,.how-it-works__tab,.how-it-works__panel-img,.how-it-works__panel-body{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-it-works.css.map */