.timeline-columns{background-color:rgb(var(--color-light-grey));padding:5.2rem 0}.timeline-columns--no-background{background:none;padding:0}.timeline-columns__inner{display:grid;gap:1.6rem}.timeline-columns__title,.timeline-columns__entry{text-align:center;margin:0 0 3.2rem}.timeline-columns__entry{color:rgb(var(--color-brand-navy-blue-600));max-width:80rem;margin:0 auto}.timeline-columns:has(.timeline-columns__entry) .timeline-columns__title{margin-bottom:0}.timeline-columns__heading{margin:0 0 1.6rem;position:relative}.timeline-columns__grid{display:grid;gap:2rem;padding-left:4.8rem;position:relative}.timeline-columns__grid:before,.timeline-columns__grid:after{content:"";background-color:rgb(var(--color-brand-navy-blue-200));width:.4rem;border-radius:1rem;position:absolute;top:2.5rem;bottom:2.5rem;left:.8rem}.timeline-columns__grid:after{background-color:rgb(var(--color-brand-blue-300));height:calc(0% - 5rem)}.timeline-columns.animation-count-4 .timeline-columns__grid:after{animation:vertical-timeline-4 3s normal forwards ease-out}@keyframes vertical-timeline-4{0%{height:0%}15%{height:calc(25% + 2.5rem)}25%{height:calc(25% + 2.5rem)}40%{height:calc(50% + 2.5rem)}50%{height:calc(50% + 2.5rem)}65%{height:calc(75% + 2.5rem)}75%{height:calc(75% + 2.5rem)}90%{height:calc(100% - 5rem)}to{height:calc(100% - 5rem)}}.timeline-columns__item{position:relative}.timeline-columns__item-wrapper{background-color:rgb(var(--color-white));height:100%;padding:1.6rem;border-radius:var(--radius-large);position:relative}.timeline-columns[data-animation-count="4"] .timeline-columns__item-wrapper{transform-origin:top left;transform:scale(.8) translate(-1rem,-1rem);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.timeline-columns.animation-count-4 .timeline-columns__item-wrapper{transform:none;opacity:1}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(1) .timeline-columns__item-wrapper{transition-delay:.2s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(2) .timeline-columns__item-wrapper{transition-delay:.8s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(3) .timeline-columns__item-wrapper{transition-delay:1.6s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(4) .timeline-columns__item-wrapper{transition-delay:2.2s}.timeline-columns__item-wrapper:before{content:"";background-color:rgb(var(--color-white));width:2rem;height:2rem;border-radius:.2rem;position:absolute;top:2rem;left:-.9rem;transform:rotate(45deg)}.timeline-columns__item:after{content:"";background-color:rgb(var(--color-brand-blue-300));width:1.6rem;height:1.6rem;border-radius:50%;box-shadow:0 0 0 .4rem rgb(var(--color-light-grey));position:absolute;left:-4.6rem;top:2.2rem;z-index:1}.timeline-columns[data-animation-count="4"] .timeline-columns__item:after{transition:background-color .3s ease-out}.timeline-columns[data-animation-count="4"] .timeline-columns__item:not(:first-child):after{background-color:rgb(var(--color-dark-grey))}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(2):after{transition-delay:.2s;background-color:rgb(var(--color-brand-blue-300))}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(3):after{transition-delay:.8s;background-color:rgb(var(--color-brand-blue-300))}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(4):after{transition-delay:1.8s;background-color:rgb(var(--color-brand-blue-300))}.timeline-columns--no-background .timeline-columns__item-wrapper,.timeline-columns--no-background .timeline-columns__item-wrapper:before{background-color:rgb(var(--color-light-grey))}.timeline-columns__pre-title{color:rgb(var(--color-brand-blue-300))}.timeline-columns__item:not(:has(.timeline-columns__pre-title)) .timeline-columns__content em{color:rgb(var(--color-brand-blue-300));text-transform:uppercase}@media screen and (min-width: 990px){.timeline-columns{padding:9rem 0}.timeline-columns--no-background{padding:0}.timeline-columns__heading{margin:0 0 2.4rem}.timeline-columns__title,.timeline-columns__entry{margin:0 0 4.2rem}.timeline-columns__entry{margin-left:auto;margin-right:auto}.timeline-columns:has(.timeline-columns__entry) .timeline-columns__title{margin-bottom:0}.timeline-columns__grid{grid-template-columns:repeat(3,1fr);gap:2.4rem;padding-left:0;padding-top:7rem}.timeline-columns__grid:has(.timeline-columns__item:nth-child(4)){grid-template-columns:repeat(4,1fr)}.timeline-columns__grid:before,.timeline-columns__grid:after{width:100%;height:.6rem;top:0;bottom:auto;left:0}.timeline-columns__grid:after{width:0%}.timeline-columns.animation-count-4 .timeline-columns__grid:after{animation:horizontal-timeline-4 2.5s normal forwards ease-out}@keyframes horizontal-timeline-4{0%{width:0%}15%{width:12%}25%{width:12%}40%{width:37%}50%{width:37%}65%{width:63%}75%{width:63%}90%{width:100%}to{width:100%}}.timeline-columns__inner{gap:3.2rem}.timeline-columns__foot{display:flex;align-items:center;justify-content:center}.timeline-columns[data-animation-count="4"] .timeline-columns__item-wrapper{transform-origin:bottom left;transform:scale(.9)}.timeline-columns.animation-count-4 .timeline-columns__item-wrapper{transform:none;opacity:1}.timeline-columns__item-wrapper:before{width:2.8em;height:2.8em;left:50%;top:-2.1rem;transform:translate(-50%) rotate(45deg)}.timeline-columns__item:after{top:-7.5rem;left:50%;transform:translate(-50%)}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(2):after{transition-delay:.5s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(3):after{transition-delay:1.2s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(4):after{transition-delay:2.1s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(1) .timeline-columns__item-wrapper{transition-delay:.1s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(2) .timeline-columns__item-wrapper{transition-delay:.6s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(3) .timeline-columns__item-wrapper{transition-delay:1.2s}.timeline-columns.animation-count-4 .timeline-columns__item:nth-child(4) .timeline-columns__item-wrapper{transition-delay:1.8s}}
/*# sourceMappingURL=/cdn/shop/t/269/assets/section-timeline-columns.css.map */