.routine-builder__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4rem,6vw,9.6rem);align-items:center}@media screen and (max-width:749px){.routine-builder__grid{grid-template-columns:1fr;gap:3.2rem}.routine-builder__visual{order:-1}}.routine-builder__header{margin-bottom:3.2rem}.routine-builder__eyebrow{display:block;margin-bottom:.8rem;opacity:.7}.routine-builder__heading{margin:0 0 1rem}.routine-builder__subheading{margin:0;opacity:.7}.routine-builder__cta{margin-top:3.2rem}.routine-builder__visual{position:relative;border-radius:var(--inputs-radius, .4rem);overflow:hidden;background:rgba(var(--color-foreground),.04)}.routine-builder__visual img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.routine-builder__badge{position:absolute;bottom:2rem;left:2rem;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:1.2rem 1.8rem;border-radius:var(--inputs-radius, .4rem)}.routine-builder__badge-label{display:block;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:.3rem}.routine-builder__badge-product{font-size:1.5rem}.routine-builder__steps{display:flex;flex-direction:column}.routine-step{display:grid;grid-template-columns:4.4rem 1fr;gap:1.8rem;padding:2.2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.12);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;text-align:left;width:100%;font-family:inherit;color:inherit}.routine-builder__steps .routine-step:last-child{border-bottom:none}.routine-step__num{width:4.4rem;height:4.4rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.25);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.routine-step--active .routine-step__num{background:rgb(var(--color-button));color:rgb(var(--color-button-label));border-color:rgb(var(--color-button))}.routine-step__title{margin:0 0 .6rem;font-size:1.8rem}.routine-step__text{font-size:1.4rem;line-height:1.7;opacity:.75;margin:0;display:none}.routine-step--active .routine-step__text{display:block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-routine-tabs.css.map */