.znt-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;padding-top:27px;padding-bottom:27px}@media screen and (max-width: 768px){.znt-timeline{grid-template-columns:1fr}}.znt-timeline_sticky-section{position:relative}.znt-timeline_sticky-content{position:sticky;top:100px;left:0}.znt-timeline_sticky-cta{display:flex;gap:1.5rem;flex-wrap:wrap}.znt-timeline_cta-link{background-color:var(--znt-timeline-cta-button-bg);color:var(--znt-timeline-cta-button-text)}.znt-timeline_cta-link.primary{--znt-timeline-cta-button-bg: #53389e;--znt-timeline-cta-button-text: #fff}.znt-timeline_cta-link.secondary{--znt-timeline-cta-button-bg: #fff;--znt-timeline-cta-button-text: #53389e}.znt-timeline_container{display:grid;position:relative;grid-template-columns:40px 1fr;view-timeline:--bar block}.znt-timeline_bar{position:absolute;top:0;bottom:0;left:0;width:40px;height:100%}.znt-timeline_bar:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background-color:#53389e;opacity:.5}.znt-timeline_bar:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%) scaleY(0);background-color:#53389e}@media screen and (prefers-reduced-motion: no-preference){.znt-timeline_container{view-timeline:--bar block}.znt-timeline_bar:after{animation:line-scroll linear forwards;animation-timeline:--bar;transform-origin:top left}}@keyframes line-scroll{0%{transform:translate(-50%) scaleY(0)}to{transform:translate(-50%) scaleY(1)}}.znt-timeline_items{display:grid;grid-column:1 / -1;gap:3em 1em;list-style-type:"";padding:16px 20px 16px 0;margin-block:0}.znt-timeline_dot-container{position:relative;grid-area:dot;display:flex;justify-content:center;align-items:start}.znt-timeline_heading{grid-area:heading;margin-top:0}.znt-timeline_dot{position:sticky;top:0;border:3px solid #fff;border-radius:50%;width:18px;aspect-ratio:1;background-color:#53389e;margin-block:18px}.znt-timeline_dot:before{content:"";position:absolute;top:0;left:50%}.znt-timeline_item *{margin:0}.znt-timeline_item{position:relative;display:grid;gap:1rem;grid-template-columns:40px 1fr;grid-template-areas:"dot heading" "dot subtitle" "dot content"}.znt-timeline_content{grid-area:content}.znt-timeline_content>:last-child{margin-bottom:0}.znt-timeline_subtitle{font-weight:700;grid-area:subtitle}@media screen and (min-width: 750px){.znt-timeline{padding-top:36px;padding-bottom:36px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-zenyth-timeline.css.map */