#content .circle{display:inline-flex;width:12px;height:12px;border:1px solid #000;border-radius:8px}#content .circle-full{background-color:#000}#content .arrow{position:relative;height:2px;width:calc(100% + 8px);background:#000}#content .arrow-end{width:100%}#content .arrow-end::after,#content .arrow-start::before{content:'';position:absolute;top:50%;border:solid #000;border-width:2px 2px 0 0;width:8px;height:8px}#content .arrow-start::before{left:0;transform:translateY(-50%) rotate(-135deg)}#content .arrow-end::after{right:0;transform:translateY(-50%) rotate(45deg)}