.timeline-item{position:relative;display:flex;align-items:flex-start;gap:20px}.timeline-item .timeline-item-wrapper{display:flex;gap:20px;width:100%}.timeline-item .timeline-diamond-container{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.timeline-item .timeline-diamond{width:var(--diamond-size, 80px);height:var(--diamond-size, 80px);background:var(--diamond-background, #008fec);border:var(--diamond-border, none);box-shadow:var(--diamond-shadow, none);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}.timeline-item .timeline-diamond .timeline-icon,.timeline-item .timeline-diamond .timeline-image{transform:rotate(-45deg);color:var(--icon-color, #ffffff);font-size:var(--icon-size, 24px);width:var(--icon-size, 24px);height:var(--icon-size, 24px);object-fit:cover;border-radius:4px}.timeline-item .timeline-diamond .timeline-icon{display:flex;align-items:center;justify-content:center}.timeline-item .timeline-diamond .timeline-image{width:var(--image-width, 40px);height:var(--image-height, 40px);object-fit:cover;border-radius:4px;transform:rotate(-45deg) scale(1.414)}.timeline-item .timeline-connector{width:var(--timeline-line-width, 2px);background-color:var(--connector-color, #008fec);flex-grow:1;min-height:40px;margin-top:10px}.timeline-item .timeline-content-wrapper{flex:1;padding-top:10px}.timeline-item .timeline-item-title{color:var(--title-color, inherit);margin:0 0 8px 0;font-weight:600}.timeline-item .timeline-item-content{color:var(--content-color, inherit);margin:0;line-height:1.6}.timeline-item.content-left .timeline-item-wrapper{flex-direction:row-reverse}.timeline-item.content-bottom .timeline-item-wrapper{flex-direction:column;align-items:center;text-align:center}.timeline-item.content-bottom .timeline-connector{width:var(--timeline-line-width, 2px);height:30px;min-height:30px;margin:10px 0}.timeline-item:hover .timeline-diamond{transform:rotate(45deg) scale(1.05);box-shadow:var(--diamond-shadow, 0 4px 20px rgba(0, 0, 0, 0.15))}@media(max-width: 768px){.timeline-item .timeline-diamond{width:var(--diamond-tablet-size, var(--diamond-size, 80px));height:var(--diamond-tablet-size, var(--diamond-size, 80px))}.timeline-item .timeline-item-wrapper{gap:15px}}@media(max-width: 480px){.timeline-item .timeline-diamond{width:var(--diamond-mobile-size, var(--diamond-tablet-size, var(--diamond-size, 80px)));height:var(--diamond-mobile-size, var(--diamond-tablet-size, var(--diamond-size, 80px)))}.timeline-item .timeline-item-wrapper{gap:12px}.timeline-item.content-left .timeline-connector,.timeline-item.content-right .timeline-connector{width:var(--timeline-line-width, 2px);height:20px;min-height:20px;margin:8px 0}}.timeline-item *:focus{outline:3px solid #007cba;outline-offset:2px}