.cat-hiw{background-color:#f0ece680;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:2rem 1rem}.cat-hiw__inner{max-width:896px;margin:0 auto}.cat-hiw__eyebrow{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;margin:0 0 1.5rem}.cat-hiw__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;list-style:none;margin:0;padding:0}@media screen and (min-width:640px){.cat-hiw__grid{grid-template-columns:repeat(3,1fr)}}.cat-hiw__step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.cat-hiw__connector{display:none;position:absolute;top:20px;left:calc(50% + 2rem);width:calc(100% - 4rem);height:1px;background-color:var(--color-border)}@media screen and (min-width:640px){.cat-hiw__connector{display:block}}.cat-hiw__icon-wrap{width:40px;height:40px;border-radius:50%;background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);border:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;position:relative;z-index:1;color:var(--color-primary);flex-shrink:0}.cat-hiw__icon-wrap svg{width:16px;height:16px;stroke:var(--color-primary);fill:none;flex-shrink:0}.cat-hiw__step-num{display:block;font-family:var(--font-heading);font-size:.6875rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem;letter-spacing:.04em}.cat-hiw__step-title{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-text);margin:0 0 .25rem}.cat-hiw__step-desc{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);line-height:1.6;margin:0;max-width:18ch}@media screen and (min-width:640px){.cat-hiw__step-desc{max-width:none}}.cat-hiw__step{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:1rem;padding:1.75rem 1.25rem}.cat-hiw__icon-wrap{width:3.25rem;height:3.25rem;background-color:color-mix(in srgb,var(--color-primary) 8%,white)}.cat-hiw__connector{display:none!important}@media screen and (min-width:640px){.cat-hiw__step:not(:last-child):after{content:"";position:absolute;top:50%;right:calc(-.75rem - 6px);width:10px;height:10px;border-top:2px solid color-mix(in srgb,var(--color-primary) 45%,transparent);border-right:2px solid color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-50%) rotate(45deg)}}.cat-hiw__icon-wrap svg{width:20px;height:20px}.cat-hiw__step-num{text-transform:uppercase;letter-spacing:.08em}.cat-hiw__step{transition:border-color .2s ease}.cat-hiw__step:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}@media(prefers-reduced-motion:reduce){.cat-hiw__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/category-how-it-works.css.map */