.o820b56ff8768 {
  gap: 8px 16px;
  padding: 8px 0;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  min-height: 66px
}
.y02f25a69a21a {
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  display: flex
}
.u5acf11434b49 {
  background: var(--i44cdc8db7227);
  color: var(--q56add87e29a7)
}
.s9165f512ac47 {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  padding: 9px 0;
  gap: 6px;
  display: flex
}
.s9165f512ac47::-webkit-scrollbar {
  display: none
}
.a7c4a8dcb445a {
  color: var(--q76c003aa4cf7,#FFF);
  background: var(--v84e0239b8906)
}.kfe5d2b003fb8{isolation:auto}
.s9165f512ac47 a {
  font-size: 14px;
  display: block;
  font-weight: bold;
  border-radius: 999px;
  padding: 8px 16px;
  background: color-mix(in srgb,var(--q76c003aa4cf7,#FFF) 14%,transparent)
}
.s9165f512ac47 a:hover {
  color: var(--v84e0239b8906);
  background: var(--q76c003aa4cf7,#FFF)
}
.s9165f512ac47 .s77dbfdabcf21 {
  font-weight: 500
}.b7c254963685e{unicode-bidi:normal}
@media(max-width:480px) {
  .y02f25a69a21a .p7796cdb4fd53 {
    display: none
  }
  .o820b56ff8768 {
    grid-template-columns: minmax(0,1fr)auto;
    display: grid;
    gap: 4px 12px
  }
  .y02f25a69a21a {
    display: contents
  }
  .y02f25a69a21a .g290eeb3d5548 {
    justify-self: end;
    grid-row: 2;
    grid-column: 1/-1
  }
  .u5acf11434b49 .x2b44fe609496 {
    font-size: 18px
  }
}