.weekly-routine--container{display:flex;flex-direction:column;gap:24px}.weekly-routine__heading p{margin:0;color:#212121;font-family:ArticulatCF,sans-serif;font-size:28px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-1px}.weekly-routine__body--mobile{display:flex;align-items:flex-stretch;gap:8px}.weekly-routine__track--mobile{position:relative;flex:none;align-self:stretch;width:40px}.weekly-routine__track--mobile .weekly-routine__track-line{position:absolute;left:19px;top:0;bottom:0;width:2px;border-radius:20px;background:var(--track-color, #D8E0DE)}.weekly-routine__track--mobile .weekly-routine__track-fill{position:absolute;left:19px;top:0;width:2px;height:calc(var(--progress, 0) * 100%);border-radius:20px;background:var(--fill-color, #0A3C44)}.weekly-routine__track--mobile .weekly-routine__track-badge{left:19px;top:calc(var(--progress, 0) * 100%);transform:translate(-50%,-50%)}.weekly-routine__list{display:flex;flex-direction:column;gap:24px;flex:1;min-width:0}.weekly-routine__pin-spacer{position:relative;height:220vh}.weekly-routine__pin-content{position:sticky;top:40px;display:flex;flex-direction:column;gap:32px}.weekly-routine__track--desktop{position:relative;width:100%;height:20px}.weekly-routine__track--desktop .weekly-routine__track-line{position:absolute;left:0;top:9px;width:100%;height:2px;border-radius:2px;background:var(--track-color, #D8E0DE)}.weekly-routine__track--desktop .weekly-routine__track-fill{position:absolute;left:0;top:9px;width:calc(var(--progress, 0) * 100%);height:2px;border-radius:2px;background:var(--fill-color, #0A3C44)}.weekly-routine__track--desktop .weekly-routine__track-badge{top:50%;left:calc(var(--progress, 0) * 100%);transform:translate(-50%,-50%)}.weekly-routine__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.weekly-routine__track-badge{position:absolute;z-index:2;display:inline-flex;align-items:center;white-space:nowrap;pointer-events:none;padding:2px 6px;border-radius:14px;background:var(--fill-color, #0A3C44);color:#fff;font-family:ArticulatCF,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:14px}.step-card{display:flex;flex-direction:column;width:100%;padding:20px;border-radius:2px;background:#faf6f2}.step-card__content{display:flex;flex-direction:column;gap:16px;width:100%}.step-card__header{display:flex;flex-direction:column;gap:8px}.step-card__badge{display:inline-flex;width:fit-content;align-items:center;height:24px;padding:4px 8px;border-radius:24px;background:var(--badge-color, #0A3C44);color:#fff;font-family:ArticulatCF,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:21px}.step-card__heading{margin:0;color:#212121;font-family:ArticulatCF,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.step-card__step{display:flex;align-items:flex-start;gap:10px;width:100%}.step-card__number{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:12px;background:#d4c3aa;color:#212121;font-family:ArticulatCF,sans-serif;font-size:12px;font-style:normal;font-weight:700;text-align:center}.step-card__text{margin:0;flex:1;min-width:0;color:#212121;font-family:ArticulatCF,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.step-card__image{width:100%;height:220px;border-radius:2px;overflow:hidden}.step-card__image img{display:block;width:100%;height:100%;object-fit:cover}.step-card__tip{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:2px;background:#0a3c440f}.step-card__tip-icon{display:flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;color:#0a3c44}.step-card__tip-icon svg{width:100%;height:100%}.step-card__tip-text{margin:0;flex:1;min-width:0;color:#0a3c44;font-family:ArticulatCF,sans-serif;font-size:13px;font-style:normal;font-weight:500}.step-card__description{margin:0;color:#212121;font-family:ArticulatCF,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.step-card__progress-label{display:flex;align-items:baseline;gap:4px;width:100%;padding:8px 12px 10px;border-radius:2px;background:#fff}.step-card__progress-percent{color:#212121;font-family:ArticulatCF,sans-serif;font-size:16px;font-style:normal;font-weight:600}.step-card__progress-text{color:#212121;font-family:ArticulatCF,sans-serif;font-size:14px;font-style:normal;font-weight:400}@media screen and (min-width:1000px){.weekly-routine--container{gap:32px}.weekly-routine__heading p{max-width:480px;font-size:30px;line-height:38px}.step-card{height:100%;opacity:.4;transition:opacity .3s ease}.step-card.is-active{opacity:1}.step-card__heading{font-size:18px;line-height:26px}.step-card__text{font-size:15px;line-height:22px}.step-card__image{height:200px}.step-card__tip-text{font-size:14px;line-height:20px}.step-card__progress-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/section-weekly-routine.css.map */