.border-line{display:inline-flex;vertical-align:middle;flex-flow:column nowrap;align-items:center;justify-content:space-between;margin-right:1px}.border-line.vertical{width:8px}.border-line.horizontal{height:8px;flex-direction:row}.border-line.horizontal .triangle-item{transform:rotate(-90deg)}.border-line.horizontal .triangle-item.reverse{transform:rotate(90deg)}.border-line .triangle-item{position:relative;width:10px;height:8px;background:#1ac9ff;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAABHNCSVQICAgIfAhkiAAAAJpJREFUGJV1j7ENwjAQRd8loDSukCgceYGI0gWMkUWyBSOkyUZxQYkyAgUlbhBCR4EjIkdc9e/+09c/yKYO2tZB2/wuy2V/VbONTAAvQ3M/SJy9YgluHpwBB7ik14l2VA8EEUoAVd7A8XaSyy9RtQSGGQJIekjeF7SBTgS/ekDwNtAByG5UV8EkgsnBVCE+oSkq6P9BKdVU0H8A4lsnKzQj1/IAAAAASUVORK5CYII=);background-size:100% 100%}.border-line .triangle-item.reverse{transform:rotate(180deg)}.border-line .square-item{width:8px;height:8px;background:#0d2e61}.border-line .square-item.light{background:#1ac9ff}