@layer components{.timeline_list{--_icon:5rem;gap:2rem;width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}@media (min-width:64rem){.timeline_list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.timeline_list:before{content:"";left:16.6667%;right:16.6667%;top:calc(var(--_icon) / 2 - 1px);background-color:var(--colour-line);height:2px;position:absolute}}.timeline_step{grid-template-columns:var(--_icon) minmax(0, 1fr);gap:1.5rem;display:grid;position:relative}@media (min-width:64rem){.timeline_step{text-align:center;grid-template-columns:1fr;justify-items:center}}@media not (min-width:64rem){.timeline_step:not(:last-child):after{content:"";left:calc(var(--_icon) / 2 - 1px);top:var(--_icon);background-color:var(--colour-line);width:2px;position:absolute;bottom:-2rem}}.timeline_icon{width:var(--_icon);height:var(--_icon);color:var(--colour-navy);border-radius:50%;place-items:center;display:grid;position:relative}.timeline_icon svg{width:2.5rem;height:2.5rem}.timeline_icon.mint{background-color:var(--colour-mint)}.timeline_icon.lilac{background-color:var(--colour-lilac)}.timeline_icon.sun{background-color:var(--colour-sun)}.timeline_text{flex-direction:column;gap:1rem;display:flex}@media (min-width:64rem){.timeline_text{align-items:center;max-width:21rem}}.timeline_number{color:var(--colour-navy);letter-spacing:.05em}.timeline_title{letter-spacing:-.05em;font-size:1.5rem}@media (min-width:64rem){.timeline_title{font-size:1.625rem}}}