.wp-lotto-results {
  padding: 0.5rem;
}

.wp-lotto-results .wp-select__container {
  margin-bottom: 0.75rem;
}

.wp-lotto-results--d .wp-select__container {
  max-width: 300px;
}

.wp-lotto-pool-results {
  display: grid;
  gap: 0.25rem;
}

.wp-lotto-pool-results header,
.wp-lotto-pool-results__row {
  display: grid;
  gap: 0.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
}

.wp-lotto-pool-results header {
  padding: 0 0.5rem;
}

.wp-lotto-pool-results header h5,
.wp-lotto-pool-results__row span {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.5rem;
}

.wp-lotto-pool-results__row {
  background-color: #0e253e;
  border-radius: 10px;
  padding: 0.5rem;
}

.wp-lotto-pool-results__load {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.wp-lotto-pool-results__numbers {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}

.wp-lotto-pool-results__numbers ul {
  display: flex;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-lotto-pool-results__numbers li div {
  background-color: #f2a20f;
  border-radius: 50%;
  height: 1.5rem;
  position: relative;
  width: 1.5rem;
}

.wp-lotto-pool-results__numbers li div span {
  color: #fff;
  font-size: 0.625rem;
  font-weight: 800;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wp-lotto-pool-results--d .wp-lotto-pool-results__numbers {
  flex-direction: row;
  gap: 0.75rem;
}

.wp-lotto-results__empty,
.wp-lotto-results__error {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 0.875rem;
  grid-column: 1 / -1;
  padding: 1rem;
  text-align: center;
}

.wp-lotto.wp-lotto--d > .wp-page-nav {
  position: sticky;
  top: 58px;
  z-index: 9;
}

@media (min-width: 1024px) {
  .wp-lotto .wp-page-nav.wp-page-nav--d {
    background-color: #030a12;
    box-sizing: border-box;
    height: auto;
    min-height: 52px;
    padding: 0.5rem 0;
    position: static;
    top: auto;
    width: 100%;
  }

  .wp-lotto .wp-page-nav.wp-page-nav--d .wp-page-nav__scroll-parent {
    min-width: 0;
    width: 100%;
  }

  .wp-lotto.wp-lotto--d .wp-nas-page-nav-spacer {
    height: 0;
  }
}