.openxchange-timeline .openxchange-timeline_line{background:var(--dark);height:2px}.openxchange-timeline .openxchange-timeline_line-node{transition:transform .3s ease}.openxchange-timeline .openxchange-timeline_line-node:hover{transform:translateY(-2px)}.openxchange-timeline .openxchange-timeline_line-node:before{aspect-ratio:1/1;background:#fff;border:2px solid var(--dark);border-radius:50%;content:"";height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:24px;z-index:2}.openxchange-timeline .openxchange-timeline_line-node.active:before{background:#8694ff;border-color:#8694ff;transform:translate(-50%,-50%) scale(1.2)}.openxchange-timeline .openxchange-timeline_line-node:hover:before{box-shadow:0 0 0 6px rgba(123,140,222,.2)}.openxchange-timeline .openxchange-timeline_line-label{font-size:24px;font-style:normal;font-weight:500;left:50%;line-height:normal;position:absolute;top:-48px;transform:translateX(-50%);white-space:nowrap}.openxchange-timeline .openxchange-timeline_content{animation:fadeInUp .6s ease forwards;gap:60px;min-height:300px;opacity:0;transform:translateY(20px)}.openxchange-timeline .openxchange-timeline_content.active{display:flex}@media (max-width:991px){.openxchange-timeline .openxchange-timeline_content.active{flex-direction:column-reverse;gap:2rem}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.openxchange-timeline .openxchange-timeline_content-details{max-width:528px}.openxchange-timeline .openxchange-timeline_content-label{font-size:24px;font-style:normal;font-weight:500;line-height:normal}.openxchange-timeline .openxchange-timeline_image-container{align-self:stretch;flex:1 0 0;gap:10px}@media (max-width:768px){.openxchange-timeline .openxchange-timeline_image-container{flex:0 0 auto}}.openxchange-timeline .openxchange-timeline_image{max-width:520px}@media (max-width:768px){.openxchange-timeline .openxchange-timeline_image{max-width:300px}}.openxchange-timeline .openxchange-timeline_content.transitioning{animation:fadeOutDown .3s ease forwards}@keyframes fadeOutDown{to{opacity:0;transform:translateY(-20px)}}.openxchange-timeline .openxchange-timeline_main-display{flex-wrap:wrap;gap:16px;justify-content:center;padding-bottom:24px}.openxchange-timeline .openxchange-timeline_content-container{order:1;width:100%}.openxchange-timeline .openxchange-timeline_arrow{background:none;height:45px;transition:opacity .3s ease,transform .3s ease!important;width:45px}.openxchange-timeline .openxchange-timeline_arrow.prev-arrow{order:2}.openxchange-timeline .openxchange-timeline_arrow.next-arrow{order:3}.openxchange-timeline .openxchange-timeline_arrow:hover:not(:disabled){opacity:1;transform:scale(1.1)}.openxchange-timeline .openxchange-timeline_arrow:disabled{cursor:not-allowed;opacity:.3}.openxchange-timeline .openxchange-timeline_arrow svg{height:100%;width:100%}@media (min-width:992px){.openxchange-timeline .openxchange-timeline_main-display{flex-wrap:nowrap;gap:0;padding-bottom:0}.openxchange-timeline .openxchange-timeline_content-container{order:2}.openxchange-timeline .openxchange-timeline_arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.openxchange-timeline .openxchange-timeline_arrow.prev-arrow{left:0;order:1}.openxchange-timeline .openxchange-timeline_arrow.next-arrow{order:3;right:0}.openxchange-timeline .openxchange-timeline_arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.1)}}