#hatGames .games{flex-wrap:wrap;max-width:100%;display:flex}@media (min-width:425px){#hatGames .games{max-width:400px;margin:auto}}@media (min-width:768px){#hatGames .games{max-width:100%}}#hatGames .gameContainer{border:1px solid #b1b3b359;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1.5rem 2rem;display:flex}@media (min-width:768px){#hatGames .gameContainer{width:50%}}@media (min-width:1200px){#hatGames .gameContainer{width:33.333%}}#hatGames .gameContainer .gameContent{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}@media (min-width:425px){#hatGames .gameContainer .gameContent{flex-direction:row}}#hatGames .gameContainer .game{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}@media (min-width:768px){#hatGames .gameContainer .game{flex-direction:row}}#hatGames .gameContainer .game.past-game{opacity:.5}#hatGames .gameContainer .game.past-game img{filter:grayscale()}#hatGames .gameContainer .game.subdued img{filter:grayscale();opacity:.25}#hatGames .gameContainer img.hatImage{width:75px;height:auto;margin-bottom:0}#hatGames .gameContainer img.hatImage.past-game{opacity:.5;filter:grayscale()}#hatGames .gameContainer img.logo{width:50px;margin-bottom:0}#hatGames .gameContainer .gameDetails{text-align:start;flex-direction:column;justify-content:center;gap:.2rem;display:flex}#hatGames .gameContainer .opponent{align-items:center;gap:.25rem;display:flex}#hatGames .gameContainer .opponentName{font-family:var(--font-wnba,Arial, sans-serif);text-transform:uppercase;color:#0c2340;font-size:1.25rem;font-weight:700;line-height:1.1}#hatGames .gameContainer .opponentName .opponentTeamCity{text-transform:none;font-size:.9rem;font-weight:400;display:block}#hatGames .gameContainer .gameDetailsDate{font-family:var(--font-wnba,Arial, sans-serif);text-align:center;padding-left:0;font-size:.8rem;line-height:1.25;font-weight:400!important}@media (min-width:425px){#hatGames .gameContainer .gameDetailsDate{text-align:left;padding-left:.5rem}}#hatGames .gameContainer .gameDetailsDate .gameTime{text-transform:uppercase;display:block}#hatGames .gameTag{font-family:var(--font-wnba,Arial, sans-serif);color:#fff;background:#0c2340;padding:.5rem;font-weight:400;line-height:1}#hatGames .gameTag.past-game{opacity:.5}#hatGames .gameLinkButton{font-family:var(--font-wnba,Arial, sans-serif);color:#fff;text-align:center;-o-transition:all .2s ease-out;background-color:#c8102e;border:2px solid #c8102e;border-radius:4px;padding:.8rem 1.2rem;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;transition:all .2s ease-out}#hatGames .gameLinkButton:hover,#hatGames .gameLinkButton:focus{color:#fff;cursor:pointer;background-color:#ab0e28;border-color:#ab0e28;outline:none;text-decoration:none}#hatGames .gameLinkButton:focus-visible{outline:1px solid #c8102e}#hatGames .gameLinkButton{letter-spacing:.4px;border-radius:5px;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.8rem 1rem;font-weight:400;display:flex}#hatGames .soldOut{font-family:var(--font-wnba,Arial, sans-serif);color:#c8102e;text-transform:uppercase;text-align:center}
