.games-grid-container.svelte-13nxo34{display:grid;position:absolute;top:calc(100% - .5rem);left:-1rem;width:36rem;padding-block-start:.5rem;z-index:10;transform-origin:top left;transition:opacity var(--transition),scale var(--transition);@container (inline-size <= 700px){width:calc(100vw - 1rem)}&.left{left:0rem;right:unset;transform-origin:top left;&.padd{left:-1rem}}&.right{right:0rem;left:unset;transform-origin:top right;&.padd{right:-1rem}}@starting-style{opacity:0;scale:.95}&:before{content:"";position:absolute;bottom:98%;left:1rem;width:75%;height:1rem}}.games-grid.svelte-13nxo34{display:grid;grid-template-columns:repeat(4,1fr);column-gap:.75rem;row-gap:1rem;padding:1rem;box-shadow:0 3px 15px var(--shade10-75),0 8px 60px var(--shade10-50);@container (inline-size <= 700px){grid-template-columns:repeat(3,1fr)}}.game-card.svelte-13nxo34{display:grid;grid-auto-rows:max-content;gap:.5rem;&:hover{z-index:1;img:where(.svelte-13nxo34){scale:1.05;outline-color:var(--game-color)}}img:where(.svelte-13nxo34){outline:2px solid transparent;outline-offset:2px;border-radius:var(--br-lg);transition:scale var(--transition);transform-origin:bottom center}span:where(.svelte-13nxo34){color:var(--shade1)}}