.steps-list{scroll-snap-type:x mandatory;outline:none;grid-template-rows:0 12px auto;grid-auto-columns:85%;grid-auto-flow:column;column-gap:16px;margin:0 -16px;padding:0 16px;scroll-padding-inline:16px;list-style:none;display:grid;overflow-x:auto}.steps-list:focus-visible{outline:2px solid var(--color-blue);outline-offset:4px;border-radius:8px}@media (min-width:768px){.steps-list{grid-template-rows:1fr 12px 1fr;grid-auto-columns:50%;column-gap:0;margin:0;padding:0}}@media (min-width:1024px){.steps-list{grid-auto-columns:33.3333%}}@media (min-width:1280px){.steps-list{grid-auto-columns:25%}}.step-item{grid-row:1/span 3;grid-template-rows:subgrid;scroll-snap-align:start;grid-template-columns:1fr;display:grid}.step-rail{grid-area:2/1/auto/-1;height:12px;display:block;position:relative}.step-line{background-color:var(--color-blue);height:1px;transition:background-color .2s;position:absolute;top:50%;left:20px;right:-8px;transform:translateY(-50%)}.step-item:last-child .step-line{right:0}@media (min-width:768px){.step-line{right:8px}}.step-dot{background-color:var(--color-blue);z-index:1;border-radius:9999px;width:12px;height:12px;transition:background-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-card{background-color:var(--color-white);border-radius:8px;flex-direction:column;grid-row:3;align-self:start;gap:32px;margin-top:16px;padding:32px;display:flex}@media (min-width:768px){.step-item[data-placement=top] .step-card{grid-row:1;align-self:end;margin-top:0;margin-bottom:16px}}.step-num{color:var(--color-blue);font-size:96px;font-style:italic;font-weight:400;line-height:1;transition:color .2s}@property --step-mint{syntax:"<color>";inherits:true;initial-value:#0b1b3d}@media (max-width:767px){@supports (animation-timeline:view()){.step-item{view-timeline-name:--step-view;view-timeline-axis:inline;--step-mint:var(--color-blue);animation:linear both step-mint-fill;animation-timeline:--step-view;animation-range:entry 70%}.step-num{color:var(--step-mint)}.step-dot,.step-line{background-color:var(--step-mint)}@keyframes step-mint-fill{to{--step-mint:var(--color-mint)}}}}.steps-list:not(:has(.step-item:hover)) .step-item:first-child .step-num{color:var(--color-mint)}.steps-list:not(:has(.step-item:hover)) .step-item:first-child .step-dot{background-color:var(--color-mint)}.step-item:hover .step-num{color:var(--color-mint)}.step-item:has(~.step-item:hover) .step-num{color:var(--color-mint)}.step-item:hover :is(.step-dot,.step-line){background-color:var(--color-mint)}.step-item:has(~.step-item:hover) :is(.step-dot,.step-line){background-color:var(--color-mint)}@media (prefers-reduced-motion:reduce){.steps-list{scroll-snap-type:none}.step-line,.step-dot,.step-num{transition:none}}