.c_checkpoint__icon{width:88px;background:var(--off-white);border-radius:50%}.c_checkpoint__toggle-icon{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--navy);border-radius:50%;color:var(--navy);transition:all var(--time)}.group:hover .c_checkpoint__toggle-icon,.c_checkpoint__toggle-icon:hover{background:var(--navy);color:var(--white)}.c_checkpoint__i:not(:first-child){border-top:1px solid var(--aqua-dark)}@media (min-width: 1024px){.c_checkpoint{grid-template-columns:88px auto}.c_checkpoint:before{position:absolute;z-index:-1;top:86px;bottom:0;left:44px;width:1px;background:var(--navy);content:""}.c_checkpoint:not(:last-child):before{bottom:calc(-1 * var(--gutter-y))}.c_checkpoint__icon{position:sticky;top:var(--gutter-x);grid-row-end:span 2}}