@layer components{.game-wall{position:relative;display:grid;grid-template-columns:7rem auto;gap:var(--size-300);padding:var(--size-500);border-radius:var(--size-100);box-shadow:rgba(0,0,0,.12) 0 .125rem .25rem 0;background-color:var(--clr-primary-200-image);background-position:center;color:var(--clr-text-neutral-100);transition:background-size .3s ease}.game-wall:has(.game-wall-information-details-more.open){background-size:cover}.game-wall::before{content:"";position:absolute;z-index:5;inset:0;width:100%;height:100%;border-radius:var(--size-100);opacity:.7;background:var(--body-home-grd);pointer-events:none}.game-wall-packshot{position:relative;z-index:5;align-self:center;overflow:hidden;width:7rem;aspect-ratio:1;border-radius:var(--size-100)}.game-wall-packshot .heart{position:absolute;z-index:11;right:0;bottom:0;margin:var(--size-200)}.game-wall-packshot.show{inset:0;width:auto;height:auto}.game-wall-packshot.show p{font-size:.6rem}.game-wall-inloggen{display:none}.game-wall-inloggen.show{position:absolute;z-index:10;inset:0;display:block;width:8rem;height:8rem;padding:var(--size-500);border-radius:var(--size-100);box-shadow:.125rem .3125rem 0 rgba(0,0,0,.1);background-color:var(--clr-primary-300);font-size:.6rem}.game-wall-inloggen.show::before{position:absolute;color:var(--clr-primary-300)}.game-wall-information{z-index:10;display:grid;gap:var(--size-500)}.game-wall-information-header .fs-700{font-size:var(--size-625)}.game-wall-information-details{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--size-300);padding-bottom:var(--size-400);font-size:var(--size-300)}.game-wall-information-details a{color:var(--clr-button-neutral-100)}.game-wall-information-details a:hover{text-decoration:underline;text-underline-offset:.3125rem}.game-wall-right-details-platforms{display:flex;flex-wrap:wrap;gap:var(--size-200)}.game-wall-information-details-more-button{display:block;grid-column-start:1;grid-row-end:7;padding-top:var(--size-400);color:var(--clr-primary-100)}.game-wall-information-details-more-button.open{padding-bottom:var(--size-500)}.game-wall-information-details-more-button.open.angle-down::after{transform:rotateX(180deg);transition:transform .1s linear 0s}.game-wall-information-details-more{display:none}.game-wall-information-details-more.open{display:grid;grid-column-start:1;grid-row-end:8;grid-template-columns:repeat(1,1fr);gap:var(--size-300);padding-bottom:var(--size-400)}.game-wall-edit{position:absolute;z-index:10;left:0;right:auto;bottom:0;margin:var(--size-200)}.game-wall-edit .edit::before{padding-right:var(--size-100)}.publisher,.developer,.releasedate,.platforms,.score,.awards,.series,.age,.multiplayer,.genre{display:flex;gap:var(--size-100)}.game-wall-information-details .developer{grid-column-start:1;grid-row-end:1}.game-wall-information-details .publisher{grid-column-start:1;grid-row-end:2}.game-wall-information-details .releasedate{grid-column-start:1;grid-row-end:3}.game-wall-information-details .awards{grid-column-start:1;grid-row-end:4;flex-direction:column}.game-wall-information-details .score{grid-column-start:1;grid-row-end:5}.game-wall-information-details .platforms{grid-column-start:1;grid-row-end:6;flex-direction:column}.game-wall-information-details-more .series{grid-column-start:1;grid-row-end:1}.game-wall-information-details-more .age{grid-column-start:1;grid-row-end:2}.game-wall-information-details-more .multiplayer{grid-column-start:1;grid-row-end:3}.game-wall-information-details-more .genre{grid-column-start:1;grid-row-end:4}.game-information-header{margin-bottom:var(--size-400);padding-bottom:var(--size-400);border-bottom:1px solid var(--clr-primary-500)}.game-information-summery{display:flex;flex-direction:column;row-gap:var(--size-500);margin-bottom:var(--size-500)}@media (min-width:50rem){.game-wall{grid-template-columns:14.06rem auto;gap:2.5rem}.game-wall-packshot{width:14.06rem}.game-wall-information-details{grid-template-columns:repeat(3,1fr);font-size:inherit}.publisher,.developer,.releasedate,.platforms,.score,.awards,.series,.age,.multiplayer,.genre{flex-direction:column}.game-wall-information-details .developer{grid-column-start:1;grid-row-end:1}.game-wall-information-details .publisher{grid-column-start:1;grid-row-end:2}.game-wall-information-details .releasedate{grid-column-start:2;grid-row-end:1}.game-wall-information-details .score{grid-column-start:2;grid-row-end:2}.game-wall-information-details .awards{grid-column-start:3;grid-row-end:1}.game-wall-information-details .platforms{grid-column-start:3;grid-row-end:2;display:flex}.game-wall-information-details-more{display:grid;grid-column-start:1;grid-row-end:3;grid-column:span 3;grid-template-columns:repeat(3,1fr);gap:var(--size-300);padding-bottom:var(--size-400)}.game-wall-information-details-more.open{display:grid}.game-wall-information-details-more-button{display:none}.game-wall-information-details-more .series{grid-column-start:1;grid-row-end:1}.game-wall-information-details-more .age{grid-column-start:2;grid-row-end:1}.game-wall-information-details-more .multiplayer{grid-column-start:3;grid-row-end:1}.game-wall-information-details-more .genre{grid-row-end:2}.game-wall-inloggen.show{top:auto;right:auto;bottom:var(--size-100);left:var(--size-100);width:10rem;height:10rem;padding:var(--size-500);font-size:inherit}.game-wall-inloggen.show::before{right:-.63rem;bottom:.94rem}.game-wall-information-header .fs-700{font-size:var(--size-750)}.game-wall-edit{left:auto;right:0}}}