.genre-bar{position:relative;padding-top:1rem;padding-bottom:1rem}.genre-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,rgba(var(--color-accent),.09),transparent 65%)}.genre-bar__inner{display:flex;gap:.8rem;padding:1rem;border-radius:2rem;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.09)}.genre-bar__pill{--pf: var(--color-foreground);flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.4rem;padding:.9rem 1.4rem;border-radius:1.2rem;font-size:1.4rem;font-weight:600;line-height:1.1;white-space:nowrap;text-decoration:none;color:rgba(var(--color-foreground),.9);background:linear-gradient(90deg,rgba(var(--pf),.26),rgba(var(--pf),.04)),rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--pf),.28);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.genre-bar__pill .platform-icon{display:inline-flex;flex:0 0 auto;width:2.1rem;height:2.1rem;color:rgb(var(--pf))}.genre-bar__pill .platform-icon svg{width:100%;height:100%;display:block}.genre-bar__pill-label{overflow:hidden;text-overflow:ellipsis}.genre-bar__inner--rich .genre-bar__pill--rich{justify-content:flex-start;text-align:left;gap:1.1rem;min-height:5.8rem;padding:1rem 1.4rem;white-space:normal}.genre-bar__pill-logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;color:rgb(var(--pf))}.genre-bar__pill-logo .platform-icon,.genre-bar__pill-logo .platform-icon svg{width:100%;height:100%;display:block}.genre-bar__pill-logo img{width:100%;height:100%;object-fit:contain}.genre-bar__pill-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.genre-bar__pill-title{font-size:1.4rem;font-weight:600;line-height:1.15;color:rgba(var(--color-foreground),.95);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-bar__pill-desc{font-size:1.15rem;font-weight:400;line-height:1.2;color:rgba(var(--color-foreground),.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-bar__pill--playstation{--pf: 88, 101, 242}.genre-bar__pill--xbox{--pf: 53, 199, 89}.genre-bar__pill--nintendo{--pf: 255, 77, 77}.genre-bar__pill--steam{--pf: 102, 192, 244}.genre-bar__pill--pc{--pf: 76, 141, 255}.genre-bar__pill--battlenet{--pf: 40, 150, 255}.genre-bar__pill--ubisoft{--pf: 200, 214, 230}.genre-bar__pill--ea{--pf: 224, 232, 240}.genre-bar__pill--software{--pf: 150, 162, 178}.genre-bar__pill--gift{--pf: 235, 63, 47}.genre-bar__pill:has(.platform-icon--playstation){--pf: 88, 101, 242}.genre-bar__pill:has(.platform-icon--xbox){--pf: 53, 199, 89}.genre-bar__pill:has(.platform-icon--nintendo){--pf: 255, 77, 77}.genre-bar__pill:has(.platform-icon--steam){--pf: 102, 192, 244}.genre-bar__pill:has(.platform-icon--pc){--pf: 76, 141, 255}.genre-bar__pill:has(.platform-icon--battlenet){--pf: 40, 150, 255}.genre-bar__pill:has(.platform-icon--ubisoft){--pf: 200, 214, 230}.genre-bar__pill:has(.platform-icon--ea){--pf: 224, 232, 240}.genre-bar__pill:has(.platform-icon--software){--pf: 150, 162, 178}@media(hover:hover)and (prefers-reduced-motion:no-preference){.genre-bar__pill:hover{transform:translateY(-1px)}}@media(hover:hover){.genre-bar__pill:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--pf),.6);background:linear-gradient(90deg,rgba(var(--pf),.4),rgba(var(--pf),.08)),rgba(var(--color-foreground),.05);box-shadow:0 .6rem 1.8rem rgba(var(--pf),.16)}}.genre-bar__pill--active{color:#fff;border-color:rgba(var(--pf),.85);background:linear-gradient(90deg,rgba(var(--pf),.55),rgba(var(--pf),.14)),rgba(var(--color-foreground),.06);box-shadow:inset 0 0 0 .1rem rgba(var(--pf),.4)}@media screen and (max-width:749px){.genre-bar__inner{gap:.5rem;padding:.5rem}.genre-bar__pill,.genre-bar__inner--rich .genre-bar__pill--rich{flex:1 1 0;min-width:0;justify-content:center;gap:0;min-height:4.4rem;padding:.8rem .4rem}.genre-bar__pill-body,.genre-bar__pill-label{display:none}.genre-bar__pill-logo,.genre-bar__pill .platform-icon{width:2.4rem;height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-genre-bar.css.map */