.x123e798a7d19 {
  min-height: 66px;
  padding: 8px 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  display: flex;
  flex-wrap: wrap
}.r32117ab740b0{outline-offset:0}
.a97edc2ed5479 {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap
}.p108767f70f08{opacity:1}
.u387368ee57b8 {
  white-space: nowrap;
  padding: 9px 0;
  display: flex;
  gap: 6px;
  scrollbar-width: none;
  overflow-x: auto
}
.u387368ee57b8::-webkit-scrollbar {
  display: none
}
.nffeeedac3e33 {
  background: var(--n72122ca59404);
  color: var(--ldb4e1b6ef89e)
}
.j1bc01974c361 {
  background: var(--n6708ac4cfcef);
  color: var(--u7cf32914d1b2,#ffffff)
}
.u387368ee57b8 a {
  background: color-mix(in srgb,var(--u7cf32914d1b2,#ffffff) 14%,transparent);
  display: block;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700
}.ha973a909a4a6{visibility:inherit}
.u387368ee57b8 a:hover {
  color: var(--n6708ac4cfcef);
  background: var(--u7cf32914d1b2,#ffffff)
}
.u387368ee57b8 .h3ff5b76bd3b2 {
  font-weight: 500
}
@media(max-width:480px) {
  .a97edc2ed5479 .def7f86c4e661 {
    display: none
  }
  .x123e798a7d19 {
    gap: 4px 12px;
    display: grid;
    grid-template-columns: minmax(0,1fr)auto
  }
  .a97edc2ed5479 {
    display: contents
  }
  .a97edc2ed5479 .p01b49d61899a {
    grid-row: 2;
    grid-column: 1/-1;
    justify-self: end
  }
  .nffeeedac3e33 .cc678245a6f9d {
    font-size: 18px
  }
}.p87bc5b3102c3{contain:none}