.z8jaw40 {
  border-radius: var(--_1gzv7bh68);
  background-color: var(--_1gzv7bhf);
  height: 4.75em;
  color: var(--_1gzv7bh6);
  font: var(--_1gzv7bh5y);
  justify-content: space-between;
  align-items: center;
  transition: background-color .2s ease-out;
  display: flex;
}

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

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

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

.z8jaw42 {
  display: none;
}

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