.shop-by-game{padding-top:4rem;padding-bottom:4rem;background:#05050a;position:relative;overflow:hidden}.shop-by-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.18),transparent 45%),radial-gradient(circle at 85% 75%,rgba(56,189,248,.14),transparent 50%);pointer-events:none}.shop-by-game__header{position:relative;z-index:1;text-align:center;margin-bottom:2.8rem}.shop-by-game__heading{color:#fff;margin:0 0 1rem;letter-spacing:.01em}.shop-by-game__subheading{color:#ffffffa6;max-width:42rem;margin:0 auto;font-size:1.6rem;line-height:1.5}.shop-by-game__track-wrapper{position:relative;z-index:1}.shop-by-game__track{--item-width: 62vw;list-style:none;margin:0;padding-left:calc(50% - (var(--item-width) / 2));padding-right:calc(50% - (var(--item-width) / 2));display:grid;grid-auto-flow:column;grid-auto-columns:var(--item-width);gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:calc(50% - (var(--item-width) / 2));-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-game__track::-webkit-scrollbar{display:none}.shop-by-game__item{scroll-snap-align:center}@media screen and (max-width:989px){.shop-by-game__item .shop-by-game__card{opacity:.5;transform:scale(.86);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease,box-shadow .4s ease,border-color .4s ease}.shop-by-game__item.is-active .shop-by-game__card{opacity:1;transform:scale(1);border-color:#a882ff8c;box-shadow:0 0 0 1px #a882ff40 inset,0 0 32px #7c3aed59,0 24px 48px -18px #000000d9}.shop-by-game__item:not(.is-active) .shop-by-game__card--link{cursor:pointer}}.shop-by-game__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:4.4rem;height:4.4rem;border-radius:50%;align-items:center;justify-content:center;background:#0a0a10b3;border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s ease,border-color .3s ease,transform .3s ease}.shop-by-game__nav svg{width:2rem;height:2rem}.shop-by-game__nav:hover{background:#7c3aed59;border-color:#a882ff99}.shop-by-game__nav--prev{left:.5rem}.shop-by-game__nav--next{right:.5rem}@media screen and (max-width:989px){.shop-by-game__nav{display:flex}}.shop-by-game__card{position:relative;display:block;aspect-ratio:1 / 1;border-radius:1.4rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#14141f,#050508);box-shadow:0 0 0 1px #ffffff05 inset,0 20px 40px -20px #000c;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .45s ease;color:#fff;text-decoration:none}.shop-by-game__card--link:hover,.shop-by-game__card--link:focus-visible{transform:translateY(-6px) scale(1.02);border-color:#a882ff8c;box-shadow:0 0 0 1px #a882ff40 inset,0 0 32px #7c3aed59,0 24px 48px -18px #000000d9}.shop-by-game__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s ease;filter:saturate(1.05) brightness(.92)}.shop-by-game__card--link:hover .shop-by-game__image,.shop-by-game__card--link:focus-visible .shop-by-game__image{transform:scale(1.08);filter:saturate(1.15) brightness(1)}.shop-by-game__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(168,130,255,.35),transparent 55%),radial-gradient(circle at 75% 80%,rgba(56,189,248,.28),transparent 55%),linear-gradient(160deg,#1b1b2a,#08080d)}.shop-by-game__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000eb,#00000059 45%,#0000000d 75%);pointer-events:none}.shop-by-game__content{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.6rem 1.8rem;z-index:1}.shop-by-game__title{margin:0;font-size:2rem;line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.shop-by-game__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;color:#ffffffbf;transition:color .3s ease,gap .3s ease}.shop-by-game__card--link:hover .shop-by-game__cta,.shop-by-game__card--link:focus-visible .shop-by-game__cta{color:#fff;gap:.9rem}.shop-by-game__cta-icon svg{width:1.4rem;height:1.4rem;display:block}.shop-by-game__item--soon .shop-by-game__card{cursor:default;filter:grayscale(.35)}.shop-by-game__item--soon .shop-by-game__image{filter:saturate(.4) brightness(.55)}.shop-by-game__badge{display:inline-block;padding:.4rem 1rem;margin-bottom:.8rem;border-radius:999px;font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (min-width:750px){.shop-by-game__track{grid-auto-columns:42%;gap:2rem;padding-left:5rem;padding-right:5rem;scroll-padding-left:5rem}}@media screen and (min-width:990px){.shop-by-game{padding-top:6rem;padding-bottom:6rem}.shop-by-game__track{display:grid;grid-auto-flow:initial;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow-x:visible;gap:2.4rem;padding-left:0;padding-right:0;max-width:130rem;margin-left:auto;margin-right:auto}.shop-by-game__card{aspect-ratio:1 / 1}.shop-by-game__title{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.shop-by-game__card,.shop-by-game__image,.shop-by-game__cta{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-shop-by-game.css.map */