.hc8a3920b66bd {
  padding: 22px 0 16px;
  gap: 16px;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  display: grid;
}
.e61d7bc83bfc9 {
  border-block: 1px solid var(--ra260c68466bc);
}.m1f14ce6a7327{contain:none}
.g78180931e2ea li:first-child {
  margin-left: auto;
}
.g78180931e2ea li:last-child {
  margin-right: auto;
}.b96730660fc49{isolation:auto}
.j20cfd9b6e481 {
  color: var(--n21d33da7a9e6);
  background: var(--a0fb8c9429661);
}
.hc8a3920b66bd .nb1570e1249ca {
  justify-self: start;
  grid-column: 1;
}
.j20cfd9b6e481 .mb30c1fb1c602 {
  text-align: center;
  font-size: 30px;
  gap: 6px;
  grid-column: 2;
  flex-direction: column;
}
.qa4fa8eecadcf {
  gap: 8px;
  grid-column: 3;
  display: flex;
  justify-self: end;
}.f836d74ba3ea9{z-index:auto}
.g78180931e2ea {
  overflow-x: auto;
  display: flex;
  scrollbar-width: none;
  white-space: nowrap;
  gap: 2px 22px;
}
.g78180931e2ea::-webkit-scrollbar {
  display: none;
}
.g78180931e2ea a {
  padding: 12px 2px;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  display: block;
  letter-spacing: .04em;
}
.g78180931e2ea a:hover {
  color: var(--febd593446e62);
  border-bottom-color: var(--febd593446e62);
}
@media(max-width:900px) {
  .hc8a3920b66bd {
    padding: 16px 0 12px;
    gap: 10px;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .g78180931e2ea {
    gap: 2px 18px;
  }
  .j20cfd9b6e481 .mb30c1fb1c602 {
    font-size: 24px;
    grid-column: auto;
  }
  .qa4fa8eecadcf {
    justify-self: center;
    grid-column: auto;
  }
  .hc8a3920b66bd .nb1570e1249ca {
    justify-self: center;
    order: 3;
    grid-column: auto;
  }
}.t2098214955d4{opacity:1}