.lotto-content__load{ align-items: center; display: flex; justify-content: center; margin-top: 0.5rem; padding-bottom: 1rem} .lotto-content__grid, .lotto-content__grid> li{ display: grid; gap: 0.5rem; list-style: none; margin: 0; padding: 0} .lotto-content__grid> li{ align-content: start; background-color: #0e253e; padding: 0.5rem} .lotto-content__grid> li> header{ align-items: center; display: flex; flex-direction: row; justify-content: space-between} .lotto-content__grid> li> header h2{ font-size: 1rem; margin: 0} .lotto-content__grid> li> header a{ color: #d60405} .lotto-content__grid> li> ul{ display: grid; gap: 0.5rem; grid-auto-flow: dense; list-style: none; margin: 0; padding: 0} .lotto-content__grid--split{ grid-template-columns: minmax(0, 1fr)} .lotto-content--lotto{ align-content: start; grid-template-columns: repeat(2, minmax(0, 1fr))} .lotto-content--e-lottery{ align-content: start; grid-template-columns: repeat(3, minmax(0, 1fr))} .lotto-content__game button:not(.btn){ background-color: #61020b; border: none; border-radius: 10px; cursor: pointer; display: block; height: 0; overflow: hidden; padding: 0; position: relative; width: 100%} .lotto-content__game button:not(.btn) img{ display: block; height: 100%; object-fit: cover; position: absolute; width: 100%} .lotto-content__game button:not(.btn)> span{ display: none} .lotto-content__game--lotto button:not(.btn){ padding-bottom: 69.2771%} .lotto-content__game--special{ position: relative} .lotto-content__game--special button.btn{ bottom: 5%; left: 50%; position: absolute; transform: translateX(-50%)} .lotto-content__game--special button:not(.btn){ padding-bottom: calc(138.554% - 1.03916rem)} .lotto-content__game--e-lottery button:not(.btn){ padding-bottom: 138.554%} .lotto-content__empty{ color: hsla(0, 0%, 100%, 0.6); font-size: 0.875rem; grid-column: 1 / -1; padding: 1rem 0.5rem} .lotto-content--d{ background-color: #030a12; overflow: hidden; padding: 0; position: relative; width: 100%} .lotto-content--d .lotto-content__grid--split{ grid-template-columns: repeat(2, minmax(0, 1fr))} .lotto-content--d .lotto-content__grid--split .lotto-content--lotto{ grid-template-columns: repeat(2, minmax(0, 1fr))} .lotto-content--d .lotto-content__grid--split .lotto-content--e-lottery{ grid-template-columns: repeat(3, minmax(0, 1fr))} .lotto-content--d .lotto-content__grid:not(.lotto-content__grid--split) .lotto-content--lotto .lotto-content__game--special{ grid-row: span 2} .lotto-content--d .lotto-content__grid:not(.lotto-content__grid--split) .lotto-content--lotto .lotto-content__game--special button:not(.btn){ padding-bottom: calc(138.554% + 1.03916rem)} .lotto-content--d .lotto-content__grid .lotto-content--lotto .lotto-widget{ grid-row: span 2; height: 100%} .lotto-content--d .lotto-content__grid> li{ padding: 1rem} .lotto-content--d .lotto-content__grid ul{ gap: 0.75rem} .lotto-content--d .lotto-content--lotto{ grid-template-columns: repeat(4, minmax(0, 1fr))} .lotto-content--d .lotto-content--e-lottery{ grid-template-columns: repeat(6, minmax(0, 1fr))} .lotto-widget__img{ background: transparent; border: none; cursor: pointer; display: block; padding: 0; width: 100%} .lotto> .page-nav.surface.page-nav--grid{ align-items: center; box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr); height: 52px; overflow: hidden; padding: 0.5rem 0} .lotto> .page-nav.surface.page-nav--grid .page-nav__label{ flex-shrink: 0; padding: 0 0.5rem} .lotto> .page-nav.surface.page-nav--grid .page-nav__scroll-parent{ min-width: 0; width: 100%} @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}}