.gameCard{cursor:pointer;border-radius:4px;flex-direction:column;width:18rem;height:27rem;transition:all .3s;display:flex;box-shadow:0 8px 24px #959da533}.gameCard .gameCard-figure{border-radius:9px;position:relative}.gameCard .gameCard-figure .game-favourite{box-shadow:0 0 6px 0 var(--color-real-black);background-color:#d3deea;align-items:flex-end;gap:.2rem;padding:.1rem .7rem;display:flex;position:absolute;top:2rem}.gameCard .gameCard-figure .game-favourite>img{width:12px}.gameCard .gameCard-figure .game-favourite .game-favourite__text{color:var(--color-real-black);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;height:18px;font-size:.78rem;line-height:19px}.gameCard .gameCard-figure .gameCard-figure__cover{border-radius:4px 4px 0 0;width:100%;height:24rem}.gameCard .gameCard-figure .game-title-area{background-color:#101010c0;width:100%;max-height:0;transition:max-height .15s ease-in;position:absolute;bottom:0;overflow:hidden}.gameCard .gameCard-figure .game-title-area .game-title{color:var(--color-white);letter-spacing:1px;padding:1rem;font-family:iceland,sans-serif}.gameCard .gameCard-figure .dropdown{max-height:8rem;transition:max-height .15s ease-in;display:flex;position:absolute;bottom:0}.gameCard .gameCard-favourite{background-color:#0000;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:1rem;height:100%;transition:all .3s;display:flex}.gameCard .gameCard-favourite>h3{color:var(--color-real-white);text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:100;transition:font-size .2s linear}.gameCard .gameCard-favourite .game-is-favourite{color:var(--color-footer-heading)}.gameCard .gameCard-favourite:hover{color:var(--color-white);border:1px solid var(--color-white);background-color:#ffffff10;transition:all .3s}.gameCard .gameCard-favourite:active{border:2px solid var(--color-real-black)}.gameCard .gameCard-favourite:active>h3{font-size:15px;transition:font-size .2s linear}
#gameGrid{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:2rem;display:flex}
.gameListEntry{background-color:#ffffff10;border-radius:4px;align-items:center;gap:1rem;width:1000px;height:8rem;padding:.5rem;display:flex;position:relative}.gameListEntry .image-modal-show{z-index:10;display:flex;position:absolute;left:15rem}.gameListEntry .image-modal-show .gameListEntry-figure__cover{border-radius:9px;width:15rem;height:20rem}.gameListEntry .gameListEntry-figure__cover{object-fit:cover;cursor:pointer;border-radius:4px;width:14rem;height:100%}.gameListEntry .gameListEntry-information{flex-direction:column;flex:8;gap:.5rem;display:flex}.gameListEntry .gameListEntry-information .gameListEntry-title__link{cursor:pointer;width:fit-content;font-family:iceland,sans-serif;font-size:2rem;transition:all .5s}.gameListEntry .gameListEntry-information .gameListEntry-title__link:hover{filter:brightness(.5);transition:filter .5s}.gameListEntry .gameListEntry-information .gameListEntry-tags{gap:1rem;display:flex}.gameListEntry .gameListEntry-information .gameListEntry-tags .gameListEntry-tag{color:#8f98a0;border:1px solid #fff3;border-radius:3px;padding:2px 5px;font-family:arima,sans-serif;font-size:11px}.gameListEntry .gameListEntry-information .gameListEntry-details{flex-direction:column;display:flex}.gameListEntry .gameListEntry-information .gameListEntry-details .details-section{gap:.5rem;display:flex}.gameListEntry .gameListEntry-information .gameListEntry-details .details-section .details__heading{color:var(--color-footer-heading);text-transform:uppercase;font-size:1rem;font-weight:100}.gameListEntry .gameListEntry-information .gameListEntry-details .details-section .details-publisher{margin-right:4px}.gameListEntry .gameListEntry-information .gameListEntry-details .details-section .details__text{color:#8f98a0;font-size:1rem;font-weight:100}.gameListEntry .gameListEntry-favourite{align-self:flex-start;width:3rem;display:flex;position:relative}.gameListEntry .gameListEntry-favourite .isFavourite{background-image:url(/isFavourite.png);background-size:cover;border:none}.gameListEntry .gameListEntry-favourite .noFavourite{background-image:url(/noFavouriteBeige.png);background-size:cover;border:none}.gameListEntry .gameListEntry-favourite .favouriteButton{background-color:#0000;border:none;min-width:3rem;height:3rem;position:absolute;top:-8px;transform:scale(.5)}.gameListEntry .gameListEntry-favourite .favouriteButton:hover{opacity:.7}@media (max-width:1050px){.gameListEntry{width:90vw}}@media (max-width:900px){.gameListEntry{height:9rem}.gameListEntry .gameListEntry-information .gameListEntry-title__link{font-size:1.7rem}}@media (max-width:700px){.gameListEntry .gameListEntry-figure__cover{width:6rem}.gameListEntry .gameListEntry-information .gameListEntry-title__link{font-size:1.7rem}}@media (max-width:500px){.gameListEntry{height:fit-content}.gameListEntry .gameListEntry-figure__cover{display:none}.gameListEntry .gameListEntry-favourite{width:2rem}.gameListEntry .gameListEntry-favourite .favouriteButton{top:-12px}.gameListEntry .gameListEntry-information .gameListEntry-tags .gameListEntry-tag{font-size:10px}}
#gameList{flex-flow:column wrap;align-items:center;gap:1rem;width:100%;display:flex}
#newsList{flex-direction:column;display:flex}#newsList .selectSection__title{font-family:arima,sans-serif}#newsList #sendNewsletterButton{align-self:center;width:fit-content;margin-bottom:3rem;padding:.2rem 1rem}#newsList #sendNewsletterButton:disabled{filter:brightness(.1)}#newsList #sendNewsletterButton:disabled:hover{cursor:default}@media (max-width:500px){#newsList .selectSection__title{align-self:center}#newsList .selectSection__select{align-self:flex-end;width:90%;font-size:.8rem}}
#slidingToggle{--height:2.8rem;border-radius:var(--height);cursor:pointer;border:1px solid;align-self:center;width:8rem;height:2.8rem;display:inline-block;position:relative;box-shadow:0 1px 3px #0000004d}#slidingToggle .slider{border-radius:var(--height);background-color:var(--color-real-white);width:100%;height:100%;transition:all .4s ease-in-out;position:absolute;top:0;left:0}#slidingToggle .slider:before{content:"";border-radius:calc(var(--height)/2);background-color:var(--color-black);border:.5px solid;width:4.2rem;height:2.7rem;font-size:1.3rem;transition:all .4s ease-in-out;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0000004d}#slidingToggle input:checked+.slider:before{transform:translateX(calc(8rem - 1.5*var(--height)));background-color:var(--color-black)}#slidingToggle .labels{width:100%;height:100%;font-family:blinker,sans-serif;font-size:1.4rem;transition:all .4s ease-in-out;position:absolute;top:8px;left:0}#slidingToggle .labels:after{content:attr(toggle-on);color:#4d4d4d;text-shadow:1px 1px 2px #fff6;width:calc(1.5*var(--height));text-align:center;transition:all .4s ease-in-out;position:absolute;right:0}#slidingToggle .labels:before{content:attr(toggle-off);color:var(--color-real-white);text-shadow:1px 1px 2px #0006;width:calc(1.5*var(--height));text-align:center;transition:all .4s ease-in-out;position:absolute;left:0}#slidingToggle input:checked~.labels:before{color:#4d4d4d;text-shadow:1px 1px 2px #fff6}#slidingToggle input:checked~.labels:after{color:var(--color-real-white);text-shadow:1px 1px 2px #0006}
