.cltl{--cltl-accent: var(--clp-product-accent, var(--cltl-fallback));--cltl-mid: color-mix(in srgb, var(--cltl-accent) 65%, #fff);--cltl-rule: color-mix(in srgb, var(--cl-navy) 16%, transparent);--cltl-gap: clamp(16px, 2vw, 32px);--cltl-ease: cubic-bezier(.2, .7, .2, 1);display:flex;min-height:100vh;flex-direction:column;justify-content:center;padding:clamp(64px,9vw,120px) 0 clamp(32px,4vw,48px);background:linear-gradient(135deg,var(--cltl-accent) 0%,var(--cltl-mid) 55%,color-mix(in srgb,var(--cltl-accent) 35%,#fff) 100%);color:var(--cl-navy)}.cltl__head{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px)}.cltl .cltl__intro{max-width:40ch;margin:0;text-wrap:pretty}.cltl .cltl__intro p{margin:0}.cltl__stages{position:relative;margin-top:clamp(48px,6vw,80px)}.cltl__line{position:relative;height:1px;background:var(--cltl-rule)}.cltl__line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cl-navy);transform-origin:left;transition:transform 1.6s var(--cltl-ease) .1s}.cltl__list{display:grid;margin:36px 0 0;padding:0;grid-template-columns:repeat(var(--cltl-count),minmax(0,1fr));gap:var(--cltl-gap);list-style:none}.cltl__stage{position:relative;display:flex;flex-direction:column}.cltl__dot{position:absolute;top:-42px;left:0;width:11px;height:11px;border:1px solid var(--cl-navy);border-radius:50%;background:var(--cl-navy);transition:background .4s ease calc(.2s + var(--i, 0) * .45s)}.cltl__when{font-size:clamp(44px,5.2vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.92;white-space:nowrap}.cltl .cltl__title{margin:clamp(20px,2.4vw,32px) 0 0;font-size:clamp(18px,1.5vw,22px);font-weight:500;letter-spacing:-.02em;line-height:normal}.cltl__text{max-width:32ch;margin-top:8px;color:var(--cl-copy);font-size:clamp(15px,1.15vw,16.5px);line-height:1.55;text-wrap:pretty}.cltl__text p{margin:0}@media(min-width:720px){.cltl__stages--many .cltl__when{font-size:clamp(26px,3.6vw,54px)}}.cltl__how{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:clamp(48px,7vw,96px);padding-top:24px;border-top:1px solid color-mix(in srgb,var(--cl-navy) 12%,transparent)}.cltl__pill{display:inline-flex;flex:none;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:var(--cl-navy);color:#fff;font-size:13px;font-weight:500}.cltl__media{display:grid;flex:none;place-items:center;width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px);overflow:hidden;border-radius:var(--cl-radius);background:color-mix(in srgb,var(--cl-navy) 6%,transparent);font-size:11px;font-weight:500;line-height:1.2;text-align:center}.cltl__media img{width:100%;height:100%;object-fit:cover}.cltl__how-copy{color:var(--cl-copy);font-size:clamp(14px,1.1vw,15px);line-height:1.5}.cltl__how-copy p{margin:0}.cltl .cltl__how-copy .cltl__how-note{margin-top:1em;color:var(--cl-muted)}@media(max-width:719px){.cltl__stages{margin-top:36px}.cltl__line{position:absolute;top:10px;bottom:10px;left:5px;width:1px;height:auto}.cltl__line-fill{transform-origin:top}.cltl__list{display:flex;margin:0;padding-left:28px;flex-direction:column;gap:32px}.cltl__dot{top:17px;left:-28px}.cltl__when{font-size:48px}.cltl .cltl__title{margin-top:14px;font-size:18px}.cltl__text{max-width:none;margin-top:6px;font-size:15px;line-height:1.5}}.cltl__head,.cltl__stage,.cltl__how{transition:opacity .8s var(--cltl-ease) var(--d, 0ms),transform 1s var(--cltl-ease) var(--d, 0ms)}.cltl__stage{--d: calc(.25s + var(--i, 0) * .45s)}.cltl__how{--d: 1.5s}.cltl.is-ready .cltl__head:not(.is-in),.cltl.is-ready .cltl__stages:not(.is-in) .cltl__stage{opacity:0;transform:translateY(24px)}.cltl.is-ready .cltl__stages:not(.is-in)~.cltl__how{opacity:0;transform:translateY(12px)}.cltl.is-ready .cltl__stages:not(.is-in) .cltl__line-fill{transform:scaleX(0)}.cltl.is-ready .cltl__stages:not(.is-in) .cltl__dot{background:var(--cltl-mid)}@media(max-width:719px){.cltl.is-ready .cltl__stages:not(.is-in) .cltl__line-fill{transform:scaleY(0)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/cloudless-product-timeline.css.map */