.vs-shop-game{width:100%;margin:0;padding:38px 0 42px;background:var(--vs-game-bg);color:var(--vs-game-heading);overflow:hidden}.vs-shop-game *,.vs-shop-game *:before,.vs-shop-game *:after{box-sizing:border-box}.vs-shop-game__container{width:calc(100% - 40px);max-width:1450px;margin:0 auto}.vs-shop-game__header{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;text-align:center}.vs-shop-game__eyebrow{margin:0 0 5px;color:var(--vs-game-accent);font-size:var(--vs-game-eyebrow-size);line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center}.vs-shop-game__heading{margin:0;color:var(--vs-game-heading);font-size:var(--vs-game-heading-size);line-height:1.1;font-weight:800;letter-spacing:-.025em;text-align:center}.vs-shop-game__view-all{position:absolute;right:0;bottom:2px;display:inline-flex;align-items:center;gap:5px;color:var(--vs-game-accent);font-size:11px;font-weight:700;text-decoration:none}.vs-shop-game__view-all span{font-size:14px}.vs-shop-game__carousel{position:relative;width:100%}.vs-shop-game__track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--vs-game-card-gap);width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:3px 2px 8px;scroll-behavior:smooth}.vs-shop-game__track::-webkit-scrollbar{display:none}.vs-shop-game__card{min-width:0;background:var(--vs-game-card-bg);border:1px solid var(--vs-game-card-border);border-radius:var(--vs-game-card-radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.vs-shop-game__card-link{display:flex;flex-direction:column;width:100%;height:100%;padding:var(--vs-game-card-padding);color:inherit;text-decoration:none}.vs-shop-game__image-wrap{position:relative;width:100%;height:var(--vs-game-image-height);overflow:hidden;border-radius:calc(var(--vs-game-card-radius) - 1px);background:#f6f2ec}.vs-shop-game__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.vs-shop-game__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#aaa}.vs-shop-game__placeholder svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.3}.vs-shop-game__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 3px 3px}.vs-shop-game__name{margin:0;color:var(--vs-game-name);font-size:var(--vs-game-name-size);line-height:1.2;font-weight:700;text-align:center}.vs-shop-game__meta{margin-top:5px;color:var(--vs-game-meta);font-size:var(--vs-game-meta-size);line-height:1.2;font-weight:500;text-align:center}.vs-shop-game__button{margin-top:7px;color:var(--vs-game-accent);font-size:9px;line-height:1.2;font-weight:700;text-align:center}@media screen and (min-width:750px){.vs-shop-game__card:hover{transform:translateY(-4px);border-color:#e85d0440;box-shadow:0 12px 28px #00000014}.vs-shop-game__card:hover .vs-shop-game__image{transform:scale(1.04)}}@media screen and (max-width:1100px){.vs-shop-game__track{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media screen and (max-width:749px){.vs-shop-game{padding:30px 0 34px}.vs-shop-game__container{width:calc(100% - 20px)}.vs-shop-game__header{margin-bottom:20px}.vs-shop-game__heading{font-size:var(--vs-game-heading-size)}.vs-shop-game__view-all{position:static;margin-top:8px}.vs-shop-game__track{display:flex;gap:var(--vs-game-card-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}.vs-shop-game__card{flex:0 0 calc((100% - var(--vs-game-card-gap)) / 2);min-width:calc((100% - var(--vs-game-card-gap)) / 2);scroll-snap-align:start}.vs-shop-game__image-wrap{height:var(--vs-game-image-height)}.vs-shop-game__arrow{display:none!important}}@media screen and (max-width:480px){.vs-shop-game__container{width:calc(100% - 16px)}.vs-shop-game__track{gap:8px}.vs-shop-game__card{flex-basis:calc((100% - 8px)/2);min-width:calc((100% - 8px)/2)}.vs-shop-game__image-wrap{height:105px}.vs-shop-game__name{font-size:12px}.vs-shop-game__meta{font-size:9px}.vs-shop-game__button{font-size:8px}}@media(prefers-reduced-motion:reduce){.vs-shop-game *,.vs-shop-game *:before,.vs-shop-game *:after{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vs-shop-by-game.css.map */