.cancel-policy-item {
  display: flex;
  align-items: start;
  position: relative;
  padding: 4px 0;
  border-radius: 3px;
}

.cancel-policy-item--active-green {
  background: #EDF2E9;
}

.cancel-policy-item--active-yellow {
  background: #FFF8E5;
}

.cancel-policy-item--active-red {
  background: #FBEBEA;
}

.cancel-policy-item__circle {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 4px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 100%;
  box-sizing: border-box;
}

.cancel-policy-item__circle--green {
  border-color: #255500;
}

.cancel-policy-item__circle--yellow {
  border-color: #FFBA00;
}

.cancel-policy-item__circle--red {
  border-color: #CE2B18;
}

.cancel-policy-item__circle--active-green {
  background-color: #255500;
}

.cancel-policy-item__circle--active-yellow {
  background-color: #FFBA00;
}

.cancel-policy-item__circle--active-red {
  background-color: #CE2B18;
}

.cancel-policy-item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 9px;
  height: 100%;
  width: 0;
  border-left: 2px dashed #ccc;
}

.cancel-policy-item__subject-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin-left: 4px;
}

.cancel-policy-item__subject--green {
  color: #255500;
}

.cancel-policy-item__subject--yellow {
  color: #BB5400;
}

.cancel-policy-item__subject--red {
  color: #CE2B18;
}