.i0f4a9de3ea28 {
  gap: 16px;
  padding: 22px 0 16px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}.c5f4c3c0f7703{contain:none}
.i0455a9dd8ff5 {
  border-block: 1px solid var(--xe976201b58dc);
}
.ked52f333d426 {
  background: var(--bf36a48246bde);
  color: var(--sa5dbb9957354);
}
.i0f4a9de3ea28 .t85ed0d11c673 {
  justify-self: start;
  grid-column: 1;
}
.x23b428452ae3 li:first-child {
  margin-left: auto;
}
.ked52f333d426 .sbc502de26ff9 {
  gap: 6px;
  grid-column: 2;
  font-size: 30px;
  text-align: center;
  flex-direction: column;
}
.e11f3d5177bec {
  grid-column: 3;
  display: flex;
  gap: 8px;
  justify-self: end;
}
.x23b428452ae3 {
  gap: 2px 22px;
  overflow-x: auto;
  display: flex;
  scrollbar-width: none;
  white-space: nowrap;
}
.x23b428452ae3 li:last-child {
  margin-right: auto;
}
.x23b428452ae3::-webkit-scrollbar {
  display: none;
}
.x23b428452ae3 a {
  letter-spacing: .04em;
  padding: 12px 2px;
  display: block;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}.zea37fafb8033{outline-offset:0}
.x23b428452ae3 a:hover {
  border-bottom-color: var(--g2239c3d9a694);
  color: var(--g2239c3d9a694);
}
@media(max-width:900px) {
  .i0f4a9de3ea28 {
    justify-items: center;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px 0 12px;
  }
  .ked52f333d426 .sbc502de26ff9 {
    grid-column: auto;
    font-size: 24px;
  }
  .e11f3d5177bec {
    grid-column: auto;
    justify-self: center;
  }
  .i0f4a9de3ea28 .t85ed0d11c673 {
    grid-column: auto;
    justify-self: center;
    order: 3;
  }
  .x23b428452ae3 {
    gap: 2px 18px;
  }
}