.routine-step-cards{--routine-step-cards-marker-size: 5.2rem;--routine-step-cards-marker-gap: 2.4rem;--routine-step-cards-column-gap: 1.2rem;background-color:var(--routine-step-cards-background, rgb(var(--color-background)))}.routine-step-cards__inner{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width:750px){.routine-step-cards__inner{gap:4rem}}.routine-step-cards__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center}@media screen and (min-width:750px){.routine-step-cards__header{gap:1rem}}.routine-step-cards__list{display:flex;flex-direction:column;gap:var(--routine-step-cards-column-gap);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.routine-step-cards__list{display:grid;grid-template-columns:repeat(var(--routine-step-cards-count),minmax(0,38rem));justify-content:center}}@media screen and (min-width:750px){.routine-step-cards__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--routine-step-cards-marker-gap)}}.routine-step-cards__marker{display:none}@media screen and (min-width:750px){.routine-step-cards__marker{display:flex;align-items:center;justify-content:center;width:var(--routine-step-cards-marker-size);height:var(--routine-step-cards-marker-size);border-radius:50%;font-family:var(--font-body-family);font-weight:500;font-size:1.4rem;line-height:1.2;letter-spacing:.1em;background-color:var(--clay-orange);color:var(--sandwhite)}}@media screen and (min-width:750px){.routine-step-cards__step:not(:last-child) .routine-step-cards__marker:after{content:"";position:absolute;inset-block-start:calc(var(--routine-step-cards-marker-size) / 2);inset-inline-start:calc(50% + var(--routine-step-cards-marker-size) / 2 + var(--routine-step-cards-marker-gap));width:calc(100% + var(--routine-step-cards-column-gap) - var(--routine-step-cards-marker-size) - var(--routine-step-cards-marker-gap) * 2);height:.1rem;background-color:var(--stone-gray)}}.routine-step-cards__card{display:flex;align-items:center;gap:1.2rem;padding:1rem;border-radius:1.2rem;background-color:var(--routine-step-cards-card, var(--sandwhite))}@media screen and (min-width:750px){.routine-step-cards__card{flex-direction:column;align-items:stretch;flex-grow:1;gap:1.6rem;width:100%;padding:1.6rem}}.routine-step-cards__media{overflow:hidden;flex:none;width:6.4rem;aspect-ratio:256 / 257;border:.1rem solid var(--stone-gray);border-radius:.6rem;background-color:var(--sand-background)}@media screen and (min-width:750px){.routine-step-cards__media{width:100%;border-radius:.8rem}}.routine-step-cards__image{display:block;width:100%;height:100%;object-fit:cover}.routine-step-cards__image--placeholder{fill:var(--stone-gray)}.routine-step-cards__details{display:flex;flex-direction:column;flex:1;gap:.4rem;min-width:0}@media screen and (min-width:750px){.routine-step-cards__details{gap:1rem}}.routine-step-cards__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}@media screen and (min-width:750px){.routine-step-cards__title-row{align-items:center}}.routine-step-cards__title{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:1.8rem;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.routine-step-cards__title{font-size:2.4rem}}.routine-step-cards__tag{flex:none;padding-block:.4rem;padding-inline:1rem;border-radius:9.2rem;font-family:var(--font-body-family);font-weight:500;font-size:1rem;line-height:1.4rem;letter-spacing:.05em;text-transform:uppercase;background-color:var(--clay-orange);color:var(--sandwhite)}.routine-step-cards__detail{margin:0;font-family:var(--font-custom-family);font-size:1.3rem;line-height:1.2;letter-spacing:.02em;color:var(--graphite-gray);text-transform:initial}@media screen and (min-width:750px){.routine-step-cards__detail{font-size:1.4rem}}@media screen and (max-width:750px){.routine-step-cards .routine-step-cards__header{padding:0 15px;gap:.8rem}}@media screen and (max-width:750px){.routine-step-cards .landing-eyebrow{margin-bottom:9px}}.routine-step-cards__card--link{color:inherit;text-decoration:none}.routine-step-cards__card--link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-routine-step-cards.css.map */