.hair-timeline{position:relative;color:rgb(var(--color-foreground))}.hgt-desk{display:none;margin-top:3rem}@media screen and (min-width:768px){.hgt-desk{display:block}}.hgt-row{display:grid;grid-template-columns:repeat(var(--hgt-cols, 3),1fr);align-items:stretch}.hgt-cell{position:relative;text-align:center;padding:0 1rem;min-height:1px;min-width:0}.hgt-cell--spacer{visibility:hidden}.hgt-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.hgt-card--above{justify-content:flex-end;padding-bottom:2rem}.hgt-card--below{justify-content:flex-start;padding-top:2rem}.hgt-card .hgt-stem{display:block;position:absolute;left:50%;width:var(--hgt-thick, 3px);background:currentColor;opacity:.3;transform:translate(-50%);z-index:1}.hgt-card--above .hgt-stem{bottom:0;height:2rem}.hgt-card--below .hgt-stem{top:0;height:2rem}.hgt-centre{position:relative;display:grid;grid-template-columns:repeat(var(--hgt-cols, 3),1fr);height:var(--hgt-node, 18px);align-items:center;margin-top:-2px;margin-bottom:-2px}.hgt-rail{position:absolute;left:0;right:0;top:50%;height:var(--hgt-thick, 3px);transform:translateY(-50%);background:currentColor;opacity:.3;display:block;pointer-events:none}.hgt-dot{display:block;width:var(--hgt-node, 18px);height:var(--hgt-node, 18px);border-radius:50%;border:var(--hgt-thick, 3px) solid currentColor;background:rgb(var(--color-background, 255,255,255));box-sizing:border-box;margin:0 auto;position:relative;z-index:2;flex-shrink:0}.hgt-mob{display:flex;flex-direction:column;margin-top:2rem}@media screen and (min-width:768px){.hgt-mob{display:none}}.hgt-mob-item{display:grid;grid-template-columns:var(--hgt-node, 18px) 1fr;gap:0 1.25rem}.hgt-mob-track{display:flex;flex-direction:column;align-items:center;position:relative}.hgt-mob-rail{display:block;width:var(--hgt-thick, 3px);flex:1 1 auto;background:currentColor;opacity:.3}.hgt-mob-body{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:1.75rem}.hgt-mob-item:not(:last-child) .hgt-mob-body{border-bottom:1px solid rgba(var(--color-foreground, 0,0,0),.12);margin-bottom:1.75rem}.hgt-mob-item:last-child .hgt-mob-body{padding-bottom:0}.hgt-pill{display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.5;padding:.15em .7em;border-radius:2rem;white-space:nowrap;align-self:flex-start;color:currentColor;opacity:.6;background:none;box-shadow:inset 0 0 0 100px rgba(var(--color-foreground, 0,0,0),.08)}@media screen and (min-width:768px){.hgt-pill{align-self:center}}.hgt-heading{margin:0}.hgt-desc{opacity:.8}.hgt-desc p{margin:0}.hgt-img-wrap{margin-top:.5rem;max-width:220px;width:100%;overflow:hidden;border-radius:.5rem}.hgt-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:1;border-radius:.5rem}@media screen and (max-width:767px){.hgt-img-wrap{max-width:200px}}@media screen and (min-width:768px)and (max-width:1023px){.hgt-cell{padding:0 .5rem}.hgt-img-wrap{max-width:160px}}@media screen and (min-width:1024px){.hgt-desk{margin-top:4rem}.hgt-img-wrap{max-width:240px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-hair-growth-timeline.css.map */