.fef1083950549 li:first-child {
  margin-left: auto
}
.x3218a0f75d82 {
  background: var(--o27a36f144be1);
  color: var(--f60ab026a0d46)
}
.fef1083950549 li:last-child {
  margin-right: auto
}
.i1ebd45987dd0 {
  gap: 16px;
  display: grid;
  padding: 22px 0px 16px;
  align-items: center;
  grid-template-columns: 1fr auto 1fr
}
.jef3528fbb463 {
  border-block: 1px solid var(--y01563ed3a4bd)
}
.i1ebd45987dd0 .y7b484f57c7f2 {
  justify-self: start;
  grid-column: 1
}.p2d56ac6cfca6{font-kerning:auto}
.x3218a0f75d82 .za75cc6d724fa {
  font-size: 30px;
  grid-column: 2;
  gap: 6px;
  flex-direction: column;
  text-align: center
}
.n7c557ba078fe {
  display: flex;
  justify-self: end;
  grid-column: 3;
  gap: 8px
}
.fef1083950549 {
  gap: 2px 22px;
  white-space: nowrap;
  overflow-x: auto;
  display: flex;
  scrollbar-width: none
}
.fef1083950549::-webkit-scrollbar {
  display: none
}
.fef1083950549 a {
  display: block;
  border-bottom: 2px solid transparent;
  padding: 12px 2px;
  letter-spacing: .04em;
  font-size: 14px
}
.fef1083950549 a:hover {
  border-bottom-color: var(--zdc45507564cb);
  color: var(--zdc45507564cb)
}.u30e84de54559{opacity:1}
@media(max-width:900px) {
  .i1ebd45987dd0 {
    padding: 16px 0px 12px;
    grid-template-columns: 1fr;
    gap: 10px;
    justify-items: center
  }
  .x3218a0f75d82 .za75cc6d724fa {
    grid-column: auto;
    font-size: 24px
  }
  .fef1083950549 {
    gap: 2px 18px
  }
  .n7c557ba078fe {
    grid-column: auto;
    justify-self: center
  }
  .i1ebd45987dd0 .y7b484f57c7f2 {
    grid-column: auto;
    justify-self: center;
    order: 3
  }
}