.skin-timeline{--skin-timeline-card-bg: #F4EFEB}.skin-timeline__veil{position:sticky;top:0;z-index:4;height:1rem;background-color:var(--skin-timeline-bg, #FDFBFA)}body.header-pinned .skin-timeline__veil{top:var(--header-height, 0px)}.skin-timeline__inner{display:flex;flex-direction:column;gap:1.75rem}.skin-timeline__head{display:flex;align-items:center;gap:1rem}.skin-timeline__avatar{flex:none;width:3rem;height:3rem;border-radius:999px;overflow:hidden;background:var(--skin-timeline-card-bg)}.skin-timeline__avatar-img{display:block;width:100%;height:100%;object-fit:cover}.skin-timeline__headline{margin:0;flex:1 1 0%;font-family:var(--font-body-family);font-size:1.125rem;font-weight:600;line-height:1.22;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-main-dark)}.skin-timeline__split{display:flex;flex-direction:column;gap:1rem}.skin-timeline__visual{position:sticky;top:1rem;z-index:3;height:auto;aspect-ratio:17 / 10;background:var(--skin-timeline-card-bg)}.skin-timeline__visual img{border-radius:.5rem;overflow:hidden}body.header-pinned .skin-timeline__visual{top:42px}body.template_suffix_landing-neuro-lp-google.header-pinned .skin-timeline__visual{top:12px}body.header-pinned .skin-timeline__visual:before{content:"";position:absolute;top:0;left:0;width:100%;height:12px;background-color:#fdfbfa;transform:translateY(-100%)}.skin-timeline__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;will-change:opacity}.skin-timeline__image:first-child{opacity:1}.skin-timeline__rail{position:absolute;z-index:2;left:1rem;top:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem}.skin-timeline__pill{display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;flex:none;border-radius:999px;overflow:hidden;background:var(--skin-timeline-bg, #FDFBFA);transition:width .38s cubic-bezier(.3,1,.3,1),height .38s cubic-bezier(.3,1,.3,1)}.skin-timeline__pill span{padding:4px 8px;font-family:var(--font-body-family);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-main-dark);white-space:nowrap;opacity:0;transition:opacity .2s ease .08s}.skin-timeline__pill.is-active{height:auto}.skin-timeline__pill.is-active span{opacity:1}.skin-timeline__cards{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.skin-timeline__card{background:var(--skin-timeline-card-bg);border-radius:.5rem;padding:1rem}.skin-timeline__card-title{margin:0 0 .5rem;font-family:var(--font-body-family);font-size:.875rem;font-weight:600;line-height:1.22;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-main-dark)}.skin-timeline__card-text{margin:0 0 .5rem;font-family:var(--font-body-family);font-size:.75rem;font-weight:400;line-height:1.25;letter-spacing:-.02em;color:var(--color-main-dark)}.skin-timeline__card-list{list-style:none;margin:0;padding:0}.skin-timeline__card-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.375rem 0;font-family:var(--font-body-family);font-size:.75rem;line-height:1.25;letter-spacing:-.02em;color:var(--color-main-dark)}.skin-timeline__card-list li:before{content:"\b0";flex:none;width:.4375rem;font-size:.875rem;line-height:1.22}@media screen and (min-width:60em){.skin-timeline__veil{display:none}.skin-timeline__inner{gap:2rem}.skin-timeline__avatar{width:4.5rem;height:4.5rem}.skin-timeline__headline{font-size:2.25rem;font-weight:500;line-height:1;max-width:560px}.skin-timeline__head{gap:1.25rem}.skin-timeline__split{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem}.skin-timeline__visual{top:2rem;height:auto;aspect-ratio:652 / 384}body.header-pinned .skin-timeline__visual{top:45px}body.template_suffix_landing-neuro-lp-google.header-pinned .skin-timeline__visual{top:12px}.skin-timeline__rail{left:2rem;top:2rem;bottom:2rem}.skin-timeline__pill span{padding:8px 12px;font-size:.875rem}.skin-timeline__cards{gap:1.25rem}.skin-timeline__card{padding:2.5rem}.skin-timeline__card-title{margin-bottom:1.25rem;font-size:1.375rem;font-weight:500;letter-spacing:0}.skin-timeline__card-text{margin-bottom:1.25rem;font-size:1rem}.skin-timeline__card-list li{gap:.75rem;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #E4E4E4}.skin-timeline__card-list li:before{width:.5rem;font-size:1rem}}@media(prefers-reduced-motion:reduce){.skin-timeline__pill,.skin-timeline__pill span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/skin-timeline.css.map */