.d342b13ec7ccf li:first-child {
  margin-left: auto;
}
.h5c8684df3cb6 {
  color: var(--z685a51455712);
  background: var(--l5821310934d1);
}
.d342b13ec7ccf li:last-child {
  margin-right: auto;
}
.f86f7817c12c4 {
  padding: 22px 0 16px;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  display: grid;
}
.f86f7817c12c4 .jcc0404023db6 {
  justify-self: start;
  grid-column: 1;
}
.h5c8684df3cb6 .n44a77a8aaf5f {
  text-align: center;
  flex-direction: column;
  grid-column: 2;
  gap: 6px;
  font-size: 30px;
}.ia7144a120a28{contain:none}
.af8df38e83fa4 {
  display: flex;
  justify-self: end;
  grid-column: 3;
  gap: 8px;
}
.d342b13ec7ccf {
  white-space: nowrap;
  gap: 2px 22px;
  overflow-x: auto;
  scrollbar-width: none;
  display: flex;
}.l51b1fbdb24b3{visibility:inherit}
.d342b13ec7ccf::-webkit-scrollbar {
  display: none;
}
.cf6b933dde414 {
  border-block: 1px solid var(--gb5122441b7e9);
}.k14bf5209144e{unicode-bidi:normal}
.d342b13ec7ccf a {
  border-bottom: 2px solid transparent;
  letter-spacing: .04em;
  font-size: 14px;
  padding: 12px 2px;
  display: block;
}
.d342b13ec7ccf a:hover {
  border-bottom-color: var(--gda5fe7bacb7f);
  color: var(--gda5fe7bacb7f);
}
@media(max-width:900px) {
  .f86f7817c12c4 {
    justify-items: center;
    padding: 16px 0 12px;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .h5c8684df3cb6 .n44a77a8aaf5f {
    font-size: 24px;
    grid-column: auto;
  }
  .d342b13ec7ccf {
    gap: 2px 18px;
  }
  .af8df38e83fa4 {
    justify-self: center;
    grid-column: auto;
  }
  .f86f7817c12c4 .jcc0404023db6 {
    justify-self: center;
    grid-column: auto;
    order: 3;
  }
}
