.h3o-timeline{--h3o-tl-node: 4.4rem;--h3o-tl-line: .4rem;overflow:hidden}.h3o-timeline__header{text-align:center;max-width:72rem;margin:0 auto 4.6rem}.h3o-timeline__title{font-size:clamp(3rem,6.4vw,5.2rem);margin:1.4rem 0 1.2rem}.h3o-timeline__sub p{margin:0;font-size:1.6rem;line-height:1.55;opacity:.82}.h3o-timeline__track{--h3o-p: 0;position:relative;display:block;max-width:56rem;margin:0 auto}.h3o-timeline__line{position:absolute;left:calc(var(--h3o-tl-node) / 2 - var(--h3o-tl-line) / 2);top:calc(var(--h3o-tl-node) / 2);width:var(--h3o-tl-line);height:calc(100% - var(--h3o-tl-node));background:rgba(var(--h3o-ink),.12);border-radius:1rem}.h3o-timeline__line-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgb(var(--h3o-cyan)),rgb(var(--h3o-blue)));transform:scaleY(var(--h3o-p));transform-origin:top;transition:transform .15s linear}.h3o-timeline__marker{position:absolute;left:50%;top:calc(var(--h3o-p) * 100%);transform:translate(-50%,-50%);transition:top .15s linear;z-index:2;display:flex;align-items:center;gap:1rem}.h3o-timeline__marker-node{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--h3o-grad-lemon);color:rgb(var(--h3o-navy));box-shadow:0 0 0 .4rem #ffffffd9,0 0 1.8rem rgba(var(--h3o-cyan),.65)}.h3o-timeline__marker-node svg{width:1.1rem;height:auto}.h3o-timeline__marker-day{order:2;white-space:nowrap;padding:.45rem 1rem;border-radius:10rem;background:rgb(var(--h3o-navy));color:#fff;font-family:var(--font-heading-family);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--h3o-shadow-soft)}.h3o-timeline__steps{list-style:none;margin:0;padding:0;display:grid;gap:3.4rem}.h3o-timeline__step{position:relative;padding-left:calc(var(--h3o-tl-node) + 2rem);min-height:var(--h3o-tl-node)}.h3o-timeline__node{position:absolute;left:0;top:0;display:grid;place-items:center;width:var(--h3o-tl-node);height:var(--h3o-tl-node);border-radius:50%;background:#fff;border:2px solid rgba(var(--h3o-ink),.18);color:rgba(var(--h3o-ink),.55);font-family:var(--font-heading-family);font-size:1.7rem;line-height:1;transition:background .35s var(--h3o-ease),border-color .35s var(--h3o-ease),color .35s var(--h3o-ease),transform .35s var(--h3o-ease),box-shadow .35s var(--h3o-ease);z-index:1}.h3o-timeline__node svg{width:1.4rem;height:auto}.h3o-timeline__step.is-active .h3o-timeline__node{background:var(--h3o-grad-electric);border-color:transparent;color:#fff;transform:scale(1.1);box-shadow:0 0 0 .5rem rgba(var(--h3o-blue),.15),var(--h3o-shadow-pop)}.h3o-timeline__step.is-active .h3o-timeline__node--bolt{background:var(--h3o-grad-lemon);color:rgb(var(--h3o-navy));box-shadow:0 0 0 .5rem rgba(var(--h3o-lemon),.25),0 0 2.4rem rgba(var(--h3o-lemon),.55)}.h3o-timeline__content{opacity:.45;transform:translateY(.4rem);transition:opacity .4s var(--h3o-ease),transform .4s var(--h3o-ease)}.h3o-timeline__step.is-active .h3o-timeline__content{opacity:1;transform:none}.h3o-timeline__label{margin:0 0 .4rem;font-family:var(--font-heading-family);font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--h3o-blue))}.h3o-timeline__step-title{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.8rem;text-transform:uppercase;letter-spacing:.01em}.h3o-timeline__body{margin:0;font-size:1.4rem;line-height:1.55;opacity:.85}.h3o-timeline__cta{text-align:center;margin-top:4.6rem}@media screen and (min-width:990px){.h3o-timeline__track{max-width:none}.h3o-timeline__line{left:var(--h3o-line-inset);right:var(--h3o-line-inset);top:calc(var(--h3o-tl-node) / 2 - var(--h3o-tl-line) / 2);width:auto;height:var(--h3o-tl-line)}.h3o-timeline__line-fill{background:linear-gradient(90deg,rgb(var(--h3o-cyan)),rgb(var(--h3o-blue)));transform:scaleX(var(--h3o-p));transform-origin:left}.h3o-timeline__marker{left:calc(var(--h3o-p) * 100%);top:50%;transform:translate(-50%,-50%);transition:left .15s linear}.h3o-timeline__marker-day{order:0;position:absolute;bottom:calc(100% + .9rem);left:50%;transform:translate(-50%)}.h3o-timeline__steps{grid-template-columns:repeat(var(--h3o-steps, 4),1fr);gap:2.4rem}.h3o-timeline__step{padding-left:0;padding-top:calc(var(--h3o-tl-node) + 2.4rem);text-align:center}.h3o-timeline__node{left:50%;transform:translate(-50%)}.h3o-timeline__step.is-active .h3o-timeline__node{transform:translate(-50%) scale(1.1)}}@media(prefers-reduced-motion:reduce){.h3o-timeline__line-fill,.h3o-timeline__marker,.h3o-timeline__node,.h3o-timeline__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/h3o-timeline.css.map */