.adc3439b1f83c {
  background: var(--u63589509d3d8);
  color: var(--j241cef37c207)
}
.p4006966be5ab {
  gap: 16px;
  display: grid;
  padding: 22px 0px 16px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center
}
.p4006966be5ab .j3b45d7e8818b {
  grid-column: 1;
  justify-self: start
}.dd96f1fb1ef94{visibility:inherit}
.adc3439b1f83c .ofd9be2fe9ea8 {
  gap: 6px;
  grid-column: 2;
  flex-direction: column;
  font-size: 30px;
  text-align: center
}
.zb9cfef13612b {
  justify-self: end;
  display: flex;
  grid-column: 3;
  gap: 8px
}
.m27a111159268 {
  scrollbar-width: none;
  white-space: nowrap;
  display: flex;
  overflow-x: auto;
  gap: 2px 22px
}
.m27a111159268::-webkit-scrollbar {
  display: none
}
.v229b3c011db9 {
  border-block: 1px solid var(--o4967b418e16e)
}
.m27a111159268 a {
  font-size: 14px;
  border-bottom: 2px solid transparent;
  padding: 12px 2px;
  letter-spacing: 0.04em;
  display: block
}
.m27a111159268 li:first-child {
  margin-left: auto
}
.m27a111159268 li:last-child {
  margin-right: auto
}
.m27a111159268 a:hover {
  color: var(--kf3d257be6f44);
  border-bottom-color: var(--kf3d257be6f44)
}
@media(max-width:900px) {
  .p4006966be5ab {
    padding: 16px 0px 12px;
    gap: 10px;
    grid-template-columns: 1fr;
    justify-items: center
  }
  .m27a111159268 {
    gap: 2px 18px
  }
  .adc3439b1f83c .ofd9be2fe9ea8 {
    grid-column: auto;
    font-size: 24px
  }
  .zb9cfef13612b {
    justify-self: center;
    grid-column: auto
  }
  .p4006966be5ab .j3b45d7e8818b {
    order: 3;
    justify-self: center;
    grid-column: auto
  }
}