.timeline__line{position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;height:30px}@media (min-width: 768px){.timeline__line{height:50px}}.timeline__line:before{background-color:var(--primary-90);content:"";height:2px;width:200vw;position:absolute;left:-200px;top:50%;transform:translateY(calc(-50% - 2px))}.timeline__marker{height:.75rem;width:.75rem;background-color:var(--secondary);transform:rotate(45deg);transition:.4s ease all;display:inline-block}@media (min-width: 768px){.timeline__marker{height:1rem;width:1rem}}.timeline__marker-container{position:absolute;left:calc(50% - 8px)}.timeline__marker-container.active .timeline__marker{height:1rem;width:1rem}@media (min-width: 768px){.timeline__marker-container.active .timeline__marker{height:1.75rem;width:1.75rem}}.timeline__container,.timeline__card{margin-left:auto;margin-right:auto;max-width:820px}.timeline__date-wrapper{font-size:1.125rem;line-height:1.665rem;color:var(--primary-20);height:36px}@media (max-width: 1279px){.timeline__date-wrapper>div{position:absolute;left:50%;padding-left:1rem;transform:translate(-50%)}}@media (min-width: 768px){.timeline__date-wrapper{margin-bottom:1rem;font-size:1.5rem;line-height:2.22rem}}@media (min-width: 1536px){.timeline__date-wrapper>div{padding-left:.5rem}}