.eel-wrapper {
  margin-top: 12px;
}

.eel-link {
  display: inline-block;
  text-decoration: none;
}

.eel-scale {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 138px;
}

.eel-step {
  position: relative;
  display: block;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  padding: 7px 14px;
  min-width: 82px;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
  opacity: .32;
  transition: opacity .2s ease, transform .2s ease;
  display: none;
}

.eel-step.is-active {
  opacity: 1;
  display: block;
}

.eel-step-a2p { background: #009640; width: 82px; }
.eel-step-a1p { background: #2c9f3f; width: 88px; }
.eel-step-a { background: #55ad31; width: 94px; }
.eel-step-b { background: #7fba27; width: 100px; }
.eel-step-c { background: #a8c61b; width: 106px; color: #1d1d1d; }
.eel-step-d { background: #c8d200; width: 112px; color: #1d1d1d; }
.eel-step-e { background: #f7d100; width: 118px; color: #1d1d1d; }
.eel-step-f { background: #f29f05; width: 124px; }
.eel-step-g { background: #e63e11; width: 130px; }

.eel-meta {
  margin-top: 8px;
  font-size: 14px;
  color: #232323;
}

.eel-title {
  margin-right: 4px;
}

.eel-current {
  font-size: 16px;
}

.eel-eprel-text {
  margin-left: 4px;
  color: #0a7eb3;
}