/* Water cycle icons */
.cycle-icon {
  background: linear-gradient(145deg, #0e5d8b, #083d69);
  border-color: rgba(126, 225, 213, .5);
  box-shadow: 0 0 0 9px rgba(126, 225, 213, .05), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.cycle-icon svg {
  display: block;
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cycle-icon.cloud-icon svg {
  width: 38px;
  height: 38px;
}

.cycle-icon.soil-icon svg {
  width: 39px;
  height: 39px;
}

.cycle-step-featured .cycle-icon {
  background: linear-gradient(145deg, #15bfb0, #008e83);
  box-shadow: 0 0 0 10px rgba(112, 223, 210, .12), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.cycle-step-featured .cycle-icon svg {
  stroke: #fff;
}