.game{--start:1;--end:"span 1";--hover-width:90%;cursor:pointer;grid-column-end:"span 1";grid-column-end:var(--end);grid-column-start:1;grid-column-start:var(--start);margin-bottom:-28px;position:relative}@media(min-width:64rem){.game:nth-child(2n){--start:2}.game.--featured{--start:1;--end:span 2;--hover-width:33.125rem}.game.--coming-soon{cursor:help}}.game>svg{display:block}.game>svg .overlay{opacity:0;transition:opacity .2s ease-out}.game:hover>svg .overlay{opacity:.3}.game:hover .hover{opacity:1}@keyframes animateIn{0%{opacity:0;transform:translate3d(0,50%,0)}20%{opacity:0}to{opacity:1;transform:translateZ(0)}}.game:hover .hover p span{animation-duration:.3s;animation-fill-mode:forwards;animation-name:animateIn;animation-timing-function:ease-out}.game:hover .hover p span:first-child{animation-delay:.05s}.game:hover .hover p span:nth-child(2){animation-delay:.1s}.game:hover .hover p span:nth-child(3){animation-delay:.15s}.game:hover .label{opacity:0}.game__content{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:4}.game__content>*{grid-column:1;grid-row:1}.game__content .hover{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;opacity:0}.game__content .hover p{font:800 3.25rem/1 Tusker Grotesk;letter-spacing:.01em;text-align:center;text-transform:uppercase;width:var(--hover-width)}.game__content .hover p span{display:inline-block;opacity:0;padding:0 .625rem}@media(min-width:64rem){.game__content .hover p{font-size:6.25rem}}.game__content .hover .pictogram{width:20%}.game__content .label{align-items:center;display:flex;justify-content:center}.game__content .label svg{width:70%}@media(min-width:64rem){.game__content .label svg{width:350px}}.game__content .label svg g,.game__content .label svg path{fill:var(--color-white)}.roster{align-items:center;display:flex;justify-content:center;opacity:0;visibility:hidden}.roster .content{padding:12.5rem 0 2.8125rem;width:100%}.roster .content,.roster__header{display:flex;flex-direction:column}.roster__header{align-items:center;gap:3.125rem;justify-content:center;margin:0 auto;max-width:70vw}@media(max-width:calc(43.75rem - 1px)){.roster__header .intro-wrapper{display:none}}.roster__header .intro{max-width:450px;text-align:center}.roster__header .intro,.roster__header .intro p{font:500 1rem/1.3 Helvetica Neue LT,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;letter-spacing:-.64px}.roster__header .cart-button{margin:1.5625rem auto 0}.roster__header .cart-button>div{background:var(--color-pink)}.roster__grid{grid-column-gap:1.75rem;all:unset;-moz-column-gap:1.75rem;column-gap:1.75rem;display:grid;grid-auto-rows:min-content;grid-template-columns:1fr;list-style:none;padding:var(--page-margin)}@media(min-width:64rem){.roster__grid{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:65.5625rem;padding-top:9.4375rem;width:100%}}.title{align-items:center;color:var(--text-color);display:flex;justify-content:flex-start;margin:0 auto;opacity:0;visibility:hidden}.title,.title>div{position:relative}.title .title-h{font:400 2.1875rem/1 Tusker Grotesk;text-transform:uppercase}@media(min-width:43.75rem){.title .title-h{font-size:2.375rem}}@media(min-width:64rem){.title .title-h{font-size:3.4375rem}}@media(min-width:112.5rem){.title .title-h{font-size:3.75rem}}.title .title-h.--large{font-size:5rem}@media(min-width:43.75rem){.title .title-h.--large{font-size:7rem}}@media(min-width:64rem){.title .title-h.--large{font-size:7.5rem}}.title .title-h.--small-mobile{font-size:4rem}@media(min-width:43.75rem){.title .title-h.--small-mobile{font-size:4.5rem}}@media(min-width:64rem){.title .title-h.--small-mobile{font-size:5rem}}.title .title-h.--center{text-align:center}.title .title-h>span>div{overflow:hidden;padding-top:.3125rem}.title p{bottom:0;color:var(--color-pink);font:400 2.8125rem/1 Desirable;opacity:0;position:absolute;text-align:center;visibility:hidden;white-space:nowrap;width:100%}.title p.--large{font-size:2rem;line-height:2}@media(min-width:43.75rem){.title p.--large{font-size:3.25rem}}@media(min-width:64rem){.title p.--large{font-size:4.375rem}}.title p.--small-mobile{font-size:1.75rem;line-height:3}@media(min-width:43.75rem){.title p.--small-mobile{font-size:2.25rem;font-size:2.8125rem}}.title p.--center{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content}