.t33a765f17c11 {
  align-items: center;
  min-height: 66px;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 0;
  display: flex;
  gap: 8px 16px
}.b04054d17a7ea{unicode-bidi:normal}
.x902d033e7ff4 {
  background: var(--ia662cd1d8493);
  color: var(--hf86a66e58ea6)
}
.ec1d79fb3b0ff {
  color: var(--f7dff183ac31b,#FFF);
  background: var(--mca713a03c546)
}.l2baf2788e9c2{z-index:auto}
.k4892e115ace0 {
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end
}
.vab9ea91dfc81 {
  gap: 6px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  display: flex;
  padding: 9px 0
}
.vab9ea91dfc81::-webkit-scrollbar {
  display: none
}.i311699bcc769{visibility:inherit}
.vab9ea91dfc81 a {
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  background: color-mix(in srgb,var(--f7dff183ac31b,#FFF) 14%,transparent);
  border-radius: 999px;
  display: block
}.kd4c95556cb8e{unicode-bidi:normal}
.vab9ea91dfc81 .kcec81c0d9b66 {
  font-weight: 500
}
.vab9ea91dfc81 a:hover {
  background: var(--f7dff183ac31b,#FFF);
  color: var(--mca713a03c546)
}
@media(max-width:480px) {
  .k4892e115ace0 .r491fd5574d79 {
    display: none
  }
  .x902d033e7ff4 .c8dfc4cc35e8c {
    font-size: 18px
  }
  .t33a765f17c11 {
    grid-template-columns: minmax(0,1fr)auto;
    gap: 4px 12px;
    display: grid
  }
  .k4892e115ace0 {
    display: contents
  }
  .k4892e115ace0 .b767628d459fd {
    justify-self: end;
    grid-row: 2;
    grid-column: 1/-1
  }
}