.sw-weave {
  height: 14px;
  width: 100%;
  display: flex;
}

.sw-weave span {
  flex: 1;
  height: 100%;
}

.sw-weave span:nth-child(6n+1) { background: #A8431B; }
.sw-weave span:nth-child(6n+2) { background: #B8801F; }
.sw-weave span:nth-child(6n+3) { background: #DED0AF; }
.sw-weave span:nth-child(6n+4) { background: #445C3C; }
.sw-weave span:nth-child(6n+5) { background: #6E2632; }
.sw-weave span:nth-child(6n+6) { background: #C25A2E; }
.sw-weave span:nth-child(odd) { transform: translateY(3px); }
.sw-weave span:nth-child(even) { transform: translateY(-3px); }