.timeline-background-1{position:relative}.timeline-background-1__container{background:var(--secondary-100, #efefef);border-radius:16px;padding:24px;display:flex;gap:var(--section-spacing-title, 54px);align-items:center;position:relative;overflow:hidden}.timeline-background-1__image-wrapper{flex:1 0 0;height:504px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0}.timeline-background-1__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.timeline-background-1__content{width:504px;flex-shrink:0;display:flex;flex-direction:column;gap:32px;position:relative}.timeline-background-1__title{font-family:var(--font-family-heading);font-size:var(--font-h2-size, 48px);line-height:var(--font-h2-line-height, 54px);font-weight:700;color:var(--black-100, #000000);margin:0}.timeline-background-1__items{display:flex;flex-direction:column;gap:32px;position:relative}.timeline-background-1__progress-line{position:absolute;left:12px;width:2px;background:#cbcbcb;z-index:1}.timeline-background-1__progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--primary-800, #5821b6)}.timeline-background-1__item{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:2}.timeline-background-1__number{background:#cbcbcb;border-color:#cbcbcb;border-radius:6px;width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--surfaces-white, #ffffff);transition:background-color .3s ease,border-color .3s ease;will-change:background-color,border-color;transform:translateZ(0);-webkit-transform:translateZ(0)}.timeline-background-1__number.active{background:var(--primary-800, #5821b6);border:1px solid var(--primary-800, #5821b6)}.timeline-background-1__number span{font-weight:700;text-align:center}.timeline-background-1__item-content{flex:1 0 0;display:flex;flex-direction:column;gap:6px;opacity:.6;transition:opacity .3s ease;will-change:opacity;transform:translateZ(0);-webkit-transform:translateZ(0)}.timeline-background-1__item-content.active{opacity:1}.timeline-background-1__item-title{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-large-size, 18px);line-height:var(--font-paragraph-large-line-height, 24px);font-weight:700;color:var(--black-100, #000000);margin:0}.timeline-background-1__item-description{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-small-size, 14px);line-height:var(--font-paragraph-small-line-height, 20px);font-weight:400;color:var(--black-100, #000000)}.timeline-background-1__item-description strong{font-weight:700}.timeline-background-1__blur{position:absolute;width:514px;height:514px;right:802px;top:-336px;transform:rotate(142.782deg);background:radial-gradient(circle,rgba(78,61,230,.4) 0%,rgba(236,57,175,.3) 30%,rgba(239,155,23,.2) 60%,transparent 100%);filter:blur(100px);pointer-events:none;z-index:0}.p-medium-bold{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-medium-size, 16px);line-height:var(--font-paragraph-medium-line-height, 22px);font-weight:700;font-style:normal}.p-large-bold{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-large-size, 18px);line-height:var(--font-paragraph-large-line-height, 24px);font-weight:700;font-style:normal}.p-small-regular{font-family:var(--font-family-paragraph);font-size:var(--font-paragraph-small-size, 14px);line-height:var(--font-paragraph-small-line-height, 20px);font-weight:400;font-style:normal}@media (max-width: 990px){.timeline-background-1__number,.timeline-background-1__item-content{transition:none!important}.timeline-background-1__container{flex-direction:column;gap:var(--section-spacing-title, 54px);padding:18px 18px 24px}.timeline-background-1__image-wrapper{width:100%;height:306px;flex:none}.timeline-background-1__content{width:100%;gap:24px}.timeline-background-1__items{gap:24px}.timeline-background-1__cta{width:100%}.timeline-background-1__blur{width:431px;height:431px;right:17px;top:auto;bottom:-200px}.page-width:has(.timeline-background-1__container){padding-inline:0}}@media screen and (min-width: 990px){.timeline-background-1__cta{width:fit-content;display:inline-block}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/w-timeline-background-1.css.map */