.l19d4be30ac25 li:first-child {
  margin-left: auto
}
.dfdc4da18321e {
  gap: 16px;
  grid-template-columns: 1fr auto 1fr;
  padding: 22px 0px 16px;
  display: grid;
  align-items: center
}
.l19d4be30ac25 li:last-child {
  margin-right: auto
}.ef81ed4a0aba1{opacity:1}
.hc9b1524ad1ab {
  color: var(--i4d76c4fa1310);
  background: var(--sf055b7181ee2)
}
.e5d2b185faaaf {
  border-block: 1px solid var(--af28fe9df9b75)
}.zb0a5e7073d0e{opacity:1}
.dfdc4da18321e .hea5d322f823c {
  justify-self: start;
  grid-column: 1
}
.hc9b1524ad1ab .vf3521d83ad61 {
  flex-direction: column;
  font-size: 30px;
  grid-column: 2;
  gap: 6px;
  text-align: center
}
.q20244031bb4c {
  display: flex;
  gap: 8px;
  justify-self: end;
  grid-column: 3
}
.l19d4be30ac25 {
  overflow-x: auto;
  gap: 2px 22px;
  scrollbar-width: none;
  display: flex;
  white-space: nowrap
}
.l19d4be30ac25::-webkit-scrollbar {
  display: none
}
.l19d4be30ac25 a {
  font-size: 14px;
  display: block;
  border-bottom: 2px solid transparent;
  padding: 12px 2px;
  letter-spacing: .04em
}
.l19d4be30ac25 a:hover {
  border-bottom-color: var(--hdc88b055dbca);
  color: var(--hdc88b055dbca)
}
@media(max-width:900px) {
  .dfdc4da18321e {
    justify-items: center;
    grid-template-columns: 1fr;
    padding: 16px 0px 12px;
    gap: 10px
  }
  .l19d4be30ac25 {
    gap: 2px 18px
  }
  .hc9b1524ad1ab .vf3521d83ad61 {
    font-size: 24px;
    grid-column: auto
  }
  .q20244031bb4c {
    grid-column: auto;
    justify-self: center
  }
  .dfdc4da18321e .hea5d322f823c {
    grid-column: auto;
    order: 3;
    justify-self: center
  }
}