.lotto-results{ padding: 0.5rem} .lotto-results .select__container{ margin-bottom: 0.75rem} .lotto-results--d .select__container{ max-width: 300px} .lotto-pool-results{ display: grid; gap: 0.25rem} .lotto-pool-results header, .lotto-pool-results__row{ display: grid; gap: 0.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-items: center} .lotto-pool-results header{ padding: 0 0.5rem} .lotto-pool-results header h5, .lotto-pool-results__row span{ font-size: 0.75rem; font-weight: 700; padding: 0.5rem} .lotto-pool-results__row{ background-color: #0e253e; border-radius: 10px; padding: 0.5rem} .lotto-pool-results__load{ align-items: center; display: flex; justify-content: center; margin-top: 0.5rem} .lotto-pool-results__numbers{ align-items: center; display: flex; flex-direction: column; gap: 0.25rem; justify-content: center} .lotto-pool-results__numbers ul{ display: flex; gap: 0.25rem; list-style: none; margin: 0; padding: 0} .lotto-pool-results__numbers li div{ background-color: #f2a20f; border-radius: 50%; height: 1.5rem; position: relative; width: 1.5rem} .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%)} .lotto-pool-results--d .lotto-pool-results__numbers{ flex-direction: row; gap: 0.75rem} .lotto-results__empty, .lotto-results__error{ color: hsla(0, 0%, 100%, 0.8); font-size: 0.875rem; grid-column: 1 / -1; padding: 1rem; text-align: center} .lotto.lotto--d> .page-nav{ position: sticky; top: 58px; z-index: 9} @media(min-width: 1024px){ .lotto .page-nav.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%} .lotto .page-nav.page-nav--d .page-nav__scroll-parent{ min-width: 0; width: 100%} .lotto.lotto--d .nas-page-nav-spacer{ height: 0}}