/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
// 步骤 - icon
.step-icon(@width, @height) {
  width: @width;
  height: @height;
  line-height: @height;
}

.step-icon-img {
  position: absolute;
  top: 0;
  left: 0;
}

.step-icon-background(@background) {
  position: absolute;
  z-index: 10;
  background: @background;
  background-size: 100% 100%;
}

.step-base-dashed-line(@color) {
  @step-line-color: fade(@color, 99.9);
  background: url("data:image/svg+xml,%3Csvg width='72' height='2' viewBox='0 0 72 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H72' stroke='@{step-line-color}' stroke-dasharray='2 2'/%3E%3C/svg%3E")
    repeat-x;
}
.step-vertical-base-dashed-line(@color) {
  width: 2px;
  @step-line-color: fade(@color, 99.9);
  background: url("data:image/svg+xml,%3Csvg width='2' height='72' viewBox='0 0 2 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M1 0L0.999997 72' stroke='@{step-line-color}' stroke-dasharray='2 2'/%3E %3C/svg%3E ")
    repeat-y;
}