.u7e38e077880b {
  grid-template-columns: 1fr auto 1fr;
  display: grid;
  align-items: center;
  padding: 22px 0px 16px;
  gap: 16px
}
.eefa2f49ba57d li:first-child {
  margin-left: auto
}
.eefa2f49ba57d li:last-child {
  margin-right: auto
}
.i583505d739ef {
  background: var(--p8de84be0146b);
  color: var(--ic1675643d15d)
}.z3d09b0994cb2{font-kerning:auto}
.u7e38e077880b .a87533df49ad9 {
  grid-column: 1;
  justify-self: start
}
.i583505d739ef .i0da94463a4f3 {
  grid-column: 2;
  text-align: center;
  flex-direction: column;
  gap: 6px;
  font-size: 30px
}
.dbb57bef4d860 {
  gap: 8px;
  display: flex;
  grid-column: 3;
  justify-self: end
}
.a3addda1d2336 {
  border-block: 1px solid var(--ud2d21523cdcb)
}
.eefa2f49ba57d {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  gap: 2px 22px;
  display: flex
}.lb84ca7597fce{opacity:1}
.eefa2f49ba57d::-webkit-scrollbar {
  display: none
}
.eefa2f49ba57d a {
  border-bottom: 2px solid transparent;
  letter-spacing: .04em;
  display: block;
  font-size: 14px;
  padding: 12px 2px
}
.eefa2f49ba57d a:hover {
  color: var(--nb5eba82759b8);
  border-bottom-color: var(--nb5eba82759b8)
}.oe34f95771a3b{z-index:auto}
@media(max-width:900px) {
  .u7e38e077880b {
    justify-items: center;
    gap: 10px;
    padding: 16px 0px 12px;
    grid-template-columns: 1fr
  }
  .i583505d739ef .i0da94463a4f3 {
    font-size: 24px;
    grid-column: auto
  }
  .eefa2f49ba57d {
    gap: 2px 18px
  }
  .dbb57bef4d860 {
    justify-self: center;
    grid-column: auto
  }
  .u7e38e077880b .a87533df49ad9 {
    justify-self: center;
    grid-column: auto;
    order: 3
  }
}