.s2c-hiw{position:relative;padding-top:5rem;padding-bottom:5rem;border-top:1px solid transparent;transition:background-color .3s,border-color .3s}html[data-theme=light] .s2c-hiw{background:var(--s2c-color-slate-100, #f1f5f9);border-color:var(--s2c-color-slate-200)}html[data-theme=dark] .s2c-hiw{background:#1119;border-color:#ffffff0d}.s2c-hiw[data-extra-pt]{padding-top:calc(5rem + var(--s2c-hiw-extra-pt, 0px))}.s2c-hiw[data-extra-pb]{padding-bottom:calc(5rem + var(--s2c-hiw-extra-pb, 0px))}.s2c-hiw__inner{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.s2c-hiw__inner{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.s2c-hiw__inner{padding-left:2rem;padding-right:2rem}}.s2c-hiw__header{text-align:center;max-width:48rem;margin:0 auto 4rem}.s2c-hiw__header>*+*{margin-top:1rem}.s2c-hiw__eyebrow{display:inline-block;font-family:var(--s2c-font-mono);font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--s2c-color-primary-yellow)}.s2c-hiw__heading{font-family:var(--s2c-font-display);font-weight:800;font-size:1.875rem;line-height:2.25rem;margin:0}@media(min-width:640px){.s2c-hiw__heading{font-size:2.25rem;line-height:2.5rem}}html[data-theme=light] .s2c-hiw__heading{color:var(--s2c-color-slate-900)}html[data-theme=dark] .s2c-hiw__heading{color:#fff}.s2c-hiw__subtitle{font-family:var(--s2c-font-sans);margin:0}html[data-theme=light] .s2c-hiw__subtitle{color:var(--s2c-color-slate-600)}html[data-theme=dark] .s2c-hiw__subtitle{color:#fff9}.s2c-hiw__grid{position:relative;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.s2c-hiw__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.s2c-hiw__connector{display:none;position:absolute;top:44px;left:12%;right:12%;height:2px;background:linear-gradient(to right,#ffd6001a,#ffd60066,#ffd6001a);z-index:0}@media(min-width:768px){.s2c-hiw__connector{display:block}}.s2c-hiw__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.s2c-hiw__step-circle{width:3.5rem;height:3.5rem;border-radius:1rem;border-width:2px;border-style:solid;display:flex;align-items:center;justify-content:center;font-family:var(--s2c-font-display);font-weight:700;font-size:1.25rem;line-height:1.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:transform .3s,color .3s}html[data-theme=light] .s2c-hiw__step-circle{background:#fff;border-color:var(--s2c-color-slate-200);color:var(--s2c-color-slate-800)}html[data-theme=dark] .s2c-hiw__step-circle{background:var(--s2c-color-brand-dark);border-color:#ffffff1a;color:#fff}.s2c-hiw__step:hover .s2c-hiw__step-circle{color:var(--s2c-color-primary-yellow);transform:scale(1.1)}.s2c-hiw__step-title{margin:1.5rem 0 0;font-family:var(--s2c-font-display);font-weight:700;font-size:1.125rem;line-height:1.75rem;transition:color .3s}html[data-theme=light] .s2c-hiw__step-title{color:var(--s2c-color-slate-900)}html[data-theme=dark] .s2c-hiw__step-title{color:#fff}.s2c-hiw__step:hover .s2c-hiw__step-title{color:var(--s2c-color-primary-yellow)}.s2c-hiw__step-desc{margin:.5rem 0 0;font-family:var(--s2c-font-sans);font-size:.875rem;line-height:1.625;padding-left:1rem;padding-right:1rem}html[data-theme=light] .s2c-hiw__step-desc{color:var(--s2c-color-slate-500)}html[data-theme=dark] .s2c-hiw__step-desc{color:#ffffff80}.s2c-hiw__cta-wrap{margin-top:4rem;display:flex;justify-content:center}.s2c-hiw__cta{display:flex;align-items:center;gap:.5rem;font-weight:700;padding:.75rem 1.5rem;border-radius:1rem;border-width:1px;border-style:solid;text-decoration:none;transition:all .3s;font-family:var(--s2c-font-sans)}html[data-theme=light] .s2c-hiw__cta{background:#fff;border-color:var(--s2c-color-slate-300);color:var(--s2c-color-slate-800);box-shadow:0 1px 2px #0000000d}html[data-theme=light] .s2c-hiw__cta:hover{background:#f8fafc}html[data-theme=dark] .s2c-hiw__cta{background:#ffffff0d;border-color:#ffffff26;color:#fff}html[data-theme=dark] .s2c-hiw__cta:hover{background:#ffffff1a}.s2c-hiw__cta-icon{width:1rem;height:1rem;color:var(--s2c-color-primary-yellow);flex-shrink:0}@media(prefers-reduced-motion:reduce){.s2c-hiw__step-circle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-how-it-works.css.map */