.tl-section{--timeline-color: rgb(var(--color-base-text-rgb));--circle-bg: color-mix(in srgb, var(--timeline-color) 10%, white);--circle-active: color-mix(in srgb, var(--timeline-color) 18%, white);--card-heading-color: var(--timeline-color);--strip-idle: color-mix(in srgb, var(--timeline-color) 18%, white);--strip-active: var(--timeline-color);width:100%;padding:var(--section-gap-top, 60px) 0 var(--section-gap-bottom, 60px);background:rgba(var(--color-overlay-rgb, 0, 0, 0),var(--color-overlay-opacity, 0))}.tl-inner{max-width:var(--site-max-width);margin:0 auto;padding:0 calc(var(--gap, 8px) * 2);display:flex;flex-direction:column;gap:4rem}@media(min-width:1200px){.tl-inner{padding-left:calc(var(--gap, 8px) * 4);padding-right:calc(var(--gap, 8px) * 4)}}@media(min-width:1800px){.tl-inner{max-width:var(--site-max-width-big)}}.tl-header{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:700px){.tl-header{grid-template-columns:1fr;gap:4rem}}.tl-header__text{display:flex;flex-direction:column;gap:1.6rem}.tl-header__eyebrow{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;padding:.6rem 1.2rem;border-radius:999px;background:#fff;border:1px solid var(--moodi-bc, #1a1a1a);font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--timeline-color)}.tl-header__eyebrow-icon{display:inline-flex;font-size:1.3rem;line-height:1}.tl-heading{margin:0}.tl-description{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.55;color:rgba(var(--color-base-text-rgb),.75)}.tl-description p{margin:0}.tl-description p+p{margin-top:.8rem}.tl-header__image{width:100%;max-width:360px;margin-left:auto}.tl-header__image img{width:100%;height:auto;display:block;object-fit:contain}.tl-body{display:flex;flex-direction:column;gap:2.4rem}.tl-media{margin:0;width:100%}.tl-media__img{display:block;width:100%;height:auto;border-radius:var(--border-radius, 12px)}.tl-body>.tl-steps{flex:1 1 auto;min-width:0}@media(min-width:900px){.tl-body{flex-direction:row;align-items:flex-start;gap:4rem}.tl-media{flex:0 0 auto;width:var(--tl-image-width, 35%);position:sticky;top:2rem;align-self:flex-start}.tl-body--image-right .tl-media{order:2}}.tl-steps{display:flex;flex-direction:column;gap:1.6rem}@media(min-width:700px){.tl-steps{gap:2rem}}.tl-step{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:1.2rem;align-items:start;--tl-row-gap: 1.6rem;--tl-dot-center: 2.1rem;--tl-fill-to: calc(100% + var(--tl-row-gap))}.tl-step:last-child{--tl-fill-to: var(--tl-dot-center)}@media(min-width:700px){.tl-step{grid-template-columns:2.8rem minmax(0,1fr);column-gap:1.6rem;--tl-row-gap: 2rem;--tl-dot-center: 2.8rem}}.tl-step__visual{position:relative;align-self:stretch;display:flex;justify-content:center;align-items:flex-start;padding-top:1.4rem}@media(min-width:700px){.tl-step__visual{padding-top:2rem}}.tl-step__visual:before{content:"";position:absolute;left:50%;top:0;bottom:calc(-1 * var(--tl-row-gap));width:2px;transform:translate(-50%);background:color-mix(in srgb,var(--moodi-bc, #1a1a1a) 18%,transparent);z-index:0}.tl-step:first-child .tl-step__visual:before{top:var(--tl-dot-center)}.tl-step:last-child .tl-step__visual:before{bottom:auto;height:var(--tl-dot-center)}.tl-step__visual:after{content:"";position:absolute;left:50%;top:0;width:2px;height:0;transform:translate(-50%);background:var(--moodi-bc, #1a1a1a);z-index:0}.tl-step__circle-wrap{position:relative;width:1.4rem;height:1.4rem;flex-shrink:0;z-index:1}@media(min-width:700px){.tl-step__circle-wrap{width:1.6rem;height:1.6rem}}.tl-step__ring,.tl-step__circle-label,.tl-step__link{display:none}.tl-step__circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--moodi-bc, #1a1a1a);z-index:1}@media(min-width:900px){.tl-body{align-items:stretch}.tl-step{flex:1 1 0}}.tl-step__card{position:relative;background:#fff;border:1px solid var(--moodi-bc, #1a1a1a);border-radius:1.4rem;padding:1.4rem 1.6rem;min-width:0;overflow:hidden}@media(min-width:700px){.tl-step__card{padding:2rem 2.4rem;border-radius:1.6rem}}.tl-step__strip{display:none}.tl-step__heading{font-family:"VVDS-Fifties-Med-SBold",var(--font-headline);font-weight:var(--font-headline-weight);font-style:var(--font-headline-style);letter-spacing:var(--font-headline-letter-spacing);font-size:clamp(1.7rem,1.2vw + 1.2rem,2.6rem);line-height:1.2;color:var(--card-heading-color);margin:0 0 1rem;word-wrap:break-word;overflow-wrap:break-word}.tl-step__description{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgba(var(--color-base-text-rgb),.85)}@media(min-width:700px){.tl-step__description{font-size:1.5rem}}.tl-step__description p{margin:0}.tl-step__description p+p{margin-top:.6rem}.tl-step__description ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem}.tl-step__description ul li{position:relative;padding-left:2.4rem;font-size:1.4rem;line-height:1.45;color:rgba(var(--color-base-text-rgb),.85)}@media(min-width:700px){.tl-step__description ul li{padding-left:2.8rem;font-size:1.5rem}}.tl-step__description ul li:before{content:"";position:absolute;left:0;top:.2rem;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--timeline-color);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' fill='none'><path d='M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006z' fill='white'/></svg>");background-repeat:no-repeat;background-position:center;background-size:60% 60%}@media(min-width:700px){.tl-step__description ul li:before{width:1.8rem;height:1.8rem}}.tl-footnote{display:flex;align-items:center;gap:1.4rem;padding:1.8rem 2rem;border-radius:1.4rem;background:#fff;border:1px solid var(--moodi-bc, #1a1a1a)}.tl-footnote__icon{width:4rem;height:4rem;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--moodi-bc, #1a1a1a);display:flex;align-items:center;justify-content:center;overflow:hidden}.tl-footnote__icon img{width:60%;height:60%;object-fit:contain}.tl-footnote__text{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgba(var(--color-base-text-rgb),.75)}.tl-footnote__text p{margin:0}@keyframes tl-line-fill{to{height:var(--tl-fill-to, 100%)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.tl-steps{view-timeline-name:--tl-track;view-timeline-axis:block}.tl-step__visual:after{animation:tl-line-fill linear forwards;animation-timeline:--tl-track;animation-range:cover calc(16% + var(--tl-i, 0) / var(--tl-n, 1) * 66%) cover calc(16% + (var(--tl-i, 0) + 1) / var(--tl-n, 1) * 66%)}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-timeline.css.map */