:root{--grid-height:444px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-left:calc(var(--padding-x)*-1);margin-right:calc(var(--padding-x)*-1);width:calc(100% + var(--padding-x)*2)}.games-grid .game:nth-child(3n+1){grid-column-end:span 2}@media (min-width:768px){.games-grid{grid-gap:1rem;height:444px;height:var(--grid-height);margin-left:0;margin-right:0;width:100%}.games-grid .game:nth-child(3n+1){grid-column-end:auto}}@media (min-width:768px){.games-grid-1{grid-template-columns:repeat(1,1fr)}.games-grid-2,.games-grid-3{grid-template-columns:repeat(2,1fr)}.games-grid-3{grid-template-rows:repeat(2,1fr)}.games-grid-3 .game:first-child{grid-row-end:span 2}.games-grid-4{grid-template-columns:3.1fr 4fr 3fr;grid-template-rows:1.2fr 1fr}.games-grid-4 .game:first-child,.games-grid-4 .game:nth-child(3){grid-row-end:span 2}.games-grid-5{grid-template-columns:3.1fr 2.5fr 2.5fr 2fr;grid-template-rows:1.2fr 1fr}.games-grid-5 .game:first-child{grid-row-end:span 2}.games-grid-5 .game:nth-child(2){grid-column-end:span 2}.games-grid-5 .game:nth-child(3){grid-row-end:span 2}.games-grid-6:not(.games-grid-reverse){grid-template-columns:3.1fr 2.5fr 2.5fr 2fr;grid-template-rows:1fr .6fr 1.6fr}.games-grid-6:not(.games-grid-reverse) .game:first-child{grid-row-end:span 3}.games-grid-6:not(.games-grid-reverse) .game:nth-child(2){grid-column-end:span 2;grid-row-end:span 2}.games-grid-6:not(.games-grid-reverse) .game:nth-child(3){grid-row-end:span 1}.games-grid-6:not(.games-grid-reverse) .game:nth-child(4){grid-row-end:span 2}.games-grid-6.games-grid-reverse{grid-template-columns:2fr 2.5fr 2.5fr 3.1fr;grid-template-rows:1fr .6fr 1.6fr}.games-grid-6.games-grid-reverse .game:nth-child(2){grid-column-end:span 2;grid-row-end:span 2}.games-grid-6.games-grid-reverse .game:nth-child(3){grid-row-end:span 3}.games-grid-6.games-grid-reverse .game:nth-child(4){grid-row-end:span 2}}.game{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity));position:relative;height:222px;height:calc(var(--grid-height)/2);overflow:hidden}@media (min-width:768px){.game{border-radius:30px 30px 30px 0;border-bottom-left-radius:0;height:100%}}.game-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.game-overlay{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;--tw-bg-opacity:1;background-color:rgba(20,32,37,var(--tw-bg-opacity));--tw-bg-opacity:0.5;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem}@media (min-width:768px){.game-overlay{--tw-bg-opacity:0.8;display:grid;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-content:center;text-align:center;opacity:0}}@media (min-width:768px){.game:hover .game-overlay{opacity:1}}