._1x0z3n60 {
  max-inline-size: 400px;
}

.z8jaw40 {
  border-radius: var(--j43jru1g);
  background-color: var(--_1hrvgw16);
  block-size: 4.75em;
  color: var(--_1hrvgw10);
  font: var(--yd51gx7);
  justify-content: space-between;
  align-items: center;
  transition: background-color .2s ease-out;
  display: flex;
}

.z8jaw40:hover {
  background-color: var(--_1hrvgw17);
}

.z8jaw40:focus-visible {
  background-color: var(--_1hrvgw19);
}

.z8jaw41 {
  grid-gap: var(--j43jru12);
  row-gap: var(--j43jru15);
  grid-template-columns: 1fr;
  display: grid;
}

.z8jaw42 {
  display: none;
}

@media screen and (min-width: 800px) {
  .z8jaw41 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@keyframes _13yq30v0 {
  from {
    background-position-x: 120%;
  }

  to {
    background-position-x: -50%;
  }
}

._13yq30v1 {
  background: linear-gradient(90deg,
    transparent 35%,
    var(--_1hrvgw1d) 50%,
    transparent 65%) var(--_1hrvgw1e);
  background-position-x: center;
  background-size: 200% 100%;
  block-size: 100%;
  inline-size: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  ._13yq30v1 {
    animation: 1s ease-in-out infinite _13yq30v0;
  }
}

._1oxneah0 {
  border-radius: var(--j43jru1i);
  cursor: progress;
  overflow: hidden;
}

.st9acy0 {
  min-block-size: 125px;
}

@media (min-width: 640px) {
  .st9acy0 {
    min-block-size: calc(160px + 2 * var(--j43jru1b));
  }
}

._143mbla0 {
  z-index: 1;
  margin: 0 auto var(--j43jru1b);
  max-inline-size: var(--j43jruy);
  padding-inline-start: var(--j43jru17);
  padding-inline-end: var(--j43jru17);
  position: relative;
}