.knots{justify-content:space-between;align-items:center;width:100%;height:14px;display:flex;position:relative}.knots:before{content:"";background:var(--hair-2);height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:5px;right:5px}.knots__done{background:var(--indigo);transform-origin:0;height:2px;animation:rope-pull .9s var(--ease-out) .12s both;margin-top:-1px;position:absolute;top:50%;left:0}.knots__k{background:var(--sky);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--hair-2);border-radius:50%;position:relative}.knots__k--done{background:var(--indigo);box-shadow:none;animation:knot-tie .42s var(--ease-settle) both;animation-delay:calc(.14s + var(--i) * 55ms)}@keyframes rope-pull{0%{transform:scaleX(0)}}@keyframes knot-tie{0%{background:var(--sky);transform:scale(.3)}}