#addUserModal .modal-content{align-items:center}#addUserModal .modal-content .modal__text{text-align:center;margin:3rem 3rem 2rem;font-size:3rem}#addUserModal .modal-content .input{width:50%}#addUserModal .modal-content .input #email,#addUserModal .modal-content .input #password{background-color:var(--color-real-black)}#addUserModal .modal-content .button__link{align-self:center;margin-top:1rem;margin-bottom:2rem}#addUserModal .modal-content .message-failure,#addUserModal .modal-content .message-success{filter:brightness(.8);align-self:center;width:fit-content;margin-bottom:1rem}@media (max-width:1000px){#addUserModal .modal-content .input{width:80%}}@media (max-width:700px){#addUserModal .modal-content .modal__text{margin-left:2rem;margin-right:2rem;font-size:2rem}}
#contactForm{border:1px solid var(--color-auth-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6464640d;border-radius:6px;flex-direction:column;align-items:center;width:40%;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}#contactForm .input:first-of-type{border-bottom:.5px solid var(--color-auth-border-bottom);border-radius:6px 6px 0 0}#contactForm .input:last-of-type{border-top:0;border-radius:0 0 6px 6px}#contactForm .information-input{width:90%;color:var(--color-real-white);flex-direction:column;padding:8px 12px;display:flex}#contactForm .information-input .input-label{text-transform:uppercase;padding:3px 12px;font-size:.63rem;font-weight:300}#contactForm .information-input .input-field{background-color:var(--color-real-black);border-color:var(--color-real-black);color:var(--color-real-white);appearance:none;box-shadow:none;border-style:none;border-radius:6px;height:50px;font-family:arima,sans-serif;font-size:1rem;transition:all .5s}#contactForm .information-input .input-field:focus{border-color:var(--color-real-white);outline:none;transition:all .5s;box-shadow:inset 0 1px 3px #ffffff20,0 0 10px 1px #ffffff80}#contactForm .information-input #message{margin:0}#contactForm .message-success,#contactForm .message-failure{margin-top:1rem}#contactForm #sendButton{width:85%;margin-top:2rem}
.faq{z-index:1;border-bottom:1px solid #f0cca430;flex-direction:column;width:50rem;padding-bottom:2rem;display:flex}.faq .faq-card{justify-content:space-between;align-items:center;gap:2rem;display:flex}.faq .faq-card .faq-card__question{text-align:left;font-size:1.5rem;font-weight:400}.faq .faq-card .faq-card__question:hover{cursor:pointer}.faq .faq-card .faq-open,.faq .faq-card .faq-closed{border:1px solid #f0cca430;border-radius:100%;justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;font-size:1.5rem;display:flex}:is(.faq .faq-card .faq-open,.faq .faq-card .faq-closed):hover{cursor:pointer}.faq .faq-card .faq-open{-webkit-backdrop-filter:contrast(.7);backdrop-filter:contrast(.7)}.faq .faq-card .faq-open:before{content:"-";color:var(--color-white)}.faq .faq-card .faq-closed:before{content:"+";color:var(--color-white)}.faq .accordion-panel{max-height:0;display:flex;overflow:hidden}.faq .accordion-panel .accordion__text{white-space-collapse:preserve-breaks;color:var(--color-real-white);margin-top:1rem;font-size:1.15rem}.faq .dropdown{max-height:2000px}@media (max-width:500px){.faq .faq-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.faq .faq-card .faq-card__question{font-size:1.2rem}}
.isFavourite{background-image:url(../media/isFavourite.6162fa64.png);background-size:cover;border:none}.noFavourite{background-image:url(../media/noFavouriteBeige.536af63a.png);background-size:cover;border:none}.favouriteButton{background-color:#0000;border:none;align-self:self-end;min-width:3rem;height:3rem;margin-bottom:.8rem;margin-right:.8rem}.favouriteButton:hover{opacity:.7;background-color:#0000;transition:opacity .5s}
.gameCard{flex-direction:column;width:18rem;height:100%;transition:all .3s;display:flex;box-shadow:0 8px 24px #959da533}.gameCard .gameCard-figure{border-radius:9px;position:relative}.gameCard .gameCard-figure .darken-image-bottom{background:linear-gradient(#0000 0%,#000 90%);border-bottom-right-radius:9px;border-bottom-left-radius:9px;width:100%;height:15rem;position:absolute;bottom:0}.gameCard .gameCard-figure .gameCard-figure__cover{border-radius:9px;width:100%;height:25rem}.gameCard .gameCard-figure #gameCardTitle{filter:brightness(.8);width:85%;color:var(--color-white);background:0 0;margin:1rem 0 .5rem 1rem;font-size:1.8rem;font-weight:100;display:flex;position:absolute;bottom:0}.gameCard .gameCard-figure .gameCard-favourite{-webkit-backdrop-filter:brightness(.2);backdrop-filter:brightness(.2);border-radius:250%;padding:0;position:absolute;top:10px;right:10px}.gameCard .gameCard-figure .gameCard-favourite .favouriteButton{width:2.2rem;min-width:2.2rem;height:2.2rem;margin:.35rem}.gameCard .gameCard-figure .gameCard-favourite .favouriteButton:hover{opacity:1;filter:brightness(1.5);border-radius:250%;transform:none}.gameCard:hover{cursor:pointer;filter:brightness(1.35);transition:all .5s}
.gameListEntry{border-top:1px solid var(--color-list-border);align-items:center;width:100%;height:4rem;display:flex;position:relative}.gameListEntry .gameCard-category__heading,.gameListEntry .gameCard-players__heading,.gameListEntry .gameCard-developer__heading,.gameListEntry .gameCard-publisher__heading{display:none}.gameListEntry .image-modal-show{z-index:10;display:flex;position:absolute;left:3rem}.gameListEntry .image-modal-show .gameCard-figure__cover{border-radius:9px;width:15rem;height:20rem}.gameListEntry .gameCard-figure__cover{width:2rem;height:2.5rem}.gameListEntry .gameCard-figure__cover:hover{cursor:pointer}.gameListEntry .gameCard-title{text-align:left;width:50%;padding-left:1rem}.gameListEntry .gameCard-title .gameCard-title__link{width:fit-content;transition:all .5s}.gameListEntry .gameCard-title .gameCard-title__link:hover{cursor:pointer;filter:brightness(.5);transition:filter .5s}.gameListEntry .gameCard-category,.gameListEntry .gameCard-developer,.gameListEntry .gameCard-players,.gameListEntry .gameCard-publisher{color:var(--color-nintendo-gray);font-size:1.2rem;font-weight:100}.gameListEntry .category-section{width:20%}.gameListEntry .players-section{width:10%}.gameListEntry .developer-section,.gameListEntry .publisher-section{width:30%}.gameListEntry .favouriteButton{place-self:center flex-end;width:2rem;height:3rem;margin:0;transform:scale(.7)}@media (max-width:1100px){.gameListEntry{grid-template-rows:2fr 1fr 1fr;grid-template-columns:.8fr 4fr 4fr 4fr;height:8rem;padding-top:.5rem;padding-bottom:.5rem;display:grid}.gameListEntry a:first-of-type{width:fit-content}.gameListEntry .gameCard-category__heading,.gameListEntry .gameCard-publisher__heading,.gameListEntry .gameCard-players__heading,.gameListEntry .gameCard-developer__heading{color:var(--color-footer-heading);grid-row:2;width:100%;font-size:1rem;font-weight:100;display:block}.gameListEntry .category-section{grid-column:2/3;padding-left:4rem}.gameListEntry .players-section{grid-column:1/2}.gameListEntry .developer-section{grid-column:3/4}.gameListEntry .publisher-section{grid-column:4/5}.gameListEntry .category-section,.gameListEntry .developer-section,.gameListEntry .players-section,.gameListEntry .publisher-section{grid-row:3;width:100%}.gameListEntry .gameCard-title{grid-area:1/2/auto/4;width:100%}.gameListEntry .favouriteButton{grid-area:1/4/auto/5}}@media (max-width:600px){.gameListEntry{height:fit-content;max-height:15rem}.gameListEntry .gameCard-players__heading,.gameListEntry .gameCard-publisher__heading{padding-top:.5rem}.gameListEntry .category-section,.gameListEntry .players-section{grid-column:1/3;align-self:flex-start}.gameListEntry .developer-section,.gameListEntry .publisher-section{grid-column:3/5;align-self:flex-start}.gameListEntry .category-section,.gameListEntry .developer-section{grid-row:2;padding-left:0}.gameListEntry .players-section,.gameListEntry .publisher-section{grid-row:3}.gameListEntry .gameCard-title{font-size:1.3rem}}
#gameList{flex-flow:column wrap;width:80%;display:flex}#gameList #listHeading{display:flex}#gameList #listHeading .active .ascending{transform:rotate(180deg)}#gameList #listHeading #game-title{align-items:center;width:31%;display:flex}#gameList #listHeading #game-title .game-title,#gameList #listHeading #game-title .material-symbols-outlined{text-align:left}:is(#gameList #listHeading #game-title .game-title,#gameList #listHeading #game-title .material-symbols-outlined):hover{cursor:pointer}#gameList #listHeading #game-category,#gameList #listHeading #game-players{justify-content:center;align-items:center;width:12%;display:flex}:is(#gameList #listHeading #game-category,#gameList #listHeading #game-players) .game-category:hover,:is(#gameList #listHeading #game-category,#gameList #listHeading #game-players) .game-players:hover,:is(#gameList #listHeading #game-category,#gameList #listHeading #game-players) .material-symbols-outlined:hover{cursor:pointer}#gameList #listHeading #game-developer,#gameList #listHeading #game-publisher{align-items:center;width:18%;display:flex}:is(#gameList #listHeading #game-developer,#gameList #listHeading #game-publisher) .game-developer:hover,:is(#gameList #listHeading #game-developer,#gameList #listHeading #game-publisher) .game-publisher:hover,:is(#gameList #listHeading #game-developer,#gameList #listHeading #game-publisher) .material-symbols-outlined:hover{cursor:pointer}#gameList #listHeading #game-publisher{width:20%;margin-left:1.5rem}#gameList li:last-of-type{border-bottom:1px solid var(--color-list-border);margin-bottom:2rem}@media (max-width:1250px){#gameList{width:90%}}@media (max-width:1100px){#gameList #listHeading{display:none}}
#inputModal .modal-content #filterValueInput{align-self:center;width:50%;margin-bottom:2rem}#inputModal .modal-content .modal__text{text-align:center;margin:3rem 3rem 2rem;font-size:3rem}#inputModal .modal-content .button__link{align-self:center;margin-bottom:2rem}#inputModal .message-failure{align-self:center;width:fit-content;margin:0}@media (max-width:1000px){#inputModal .modal-content #filterValueInput{width:80%}}@media (max-width:700px){#inputModal .modal-content .modal__text{margin-left:2rem;margin-right:2rem;font-size:2rem}}
#modal .modal-content .modal__text{text-align:center;margin:3rem 3rem 2rem;font-size:3rem}#modal .modal-content .button__link{align-self:center;margin-bottom:2rem}@media (max-width:700px){#modal .modal-content .modal__text{margin-left:2rem;margin-right:2rem;font-size:2rem}}
#newsList{flex-direction:column;display:flex}#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}}
#scrollTopButton-wrapper{background-color:var(--color-white);color:var(--color-black);cursor:pointer;z-index:10;border-radius:50%;align-self:center;padding:1rem;display:flex;position:fixed;bottom:1rem}#scrollTopButton-wrapper span{font-size:2rem}#scrollTopButton-wrapper:hover{filter:brightness(1.1);transform:scale(1.05)}
#selectCountry{padding-left:12px}
#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: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}
.userListEntry{border-top:1px solid var(--color-list-border);justify-content:space-between;align-items:center;width:100%;height:4rem;font-size:.8rem;display:flex;position:relative}.userListEntry .userCard-name__heading,.userListEntry .userCard-role__heading,.userListEntry .userCard-account__heading,.userListEntry .userCard-enrolled__heading{display:none}.userListEntry .image-modal-show{z-index:10;display:flex;position:absolute;left:3rem}.userListEntry .image-modal-show .listEntry-figure__cover{border-radius:9px;width:15rem;height:20rem}.userListEntry .listEntry-figure__cover{width:2rem;height:2.5rem}.userListEntry .listEntry-figure__cover:hover{cursor:pointer}.userListEntry .userCard-email{text-align:left;width:30%;padding-left:1rem}.userListEntry .userCard-email .userCard-email__link{width:fit-content;transition:all .5s}.userListEntry .userCard-email .userCard-email__link:hover{cursor:pointer;filter:brightness(.5);transition:filter .5s}.userListEntry .userCard-name,.userListEntry .userCard-role,.userListEntry .userCard-account,.userListEntry .userCard-enrolled{color:var(--color-nintendo-gray);font-size:1.2rem;font-weight:100}.userListEntry .name-section{width:20%}.userListEntry .role-section,.userListEntry .account-section,.userListEntry .enrolled-section{width:10%}.userListEntry .enrollment-date{width:14vw;margin-right:.5rem}@media (max-width:1100px){.userListEntry{grid-template-rows:2fr 1fr 1fr;grid-template-columns:.8fr 4fr 2fr 2fr;height:8rem;padding-top:.5rem;padding-bottom:.5rem;display:grid}.userListEntry a:first-of-type{width:fit-content}.userListEntry .userCard-name__heading,.userListEntry .userCard-role__heading,.userListEntry .userCard-account__heading,.userListEntry .userCard-enrolled__heading{color:var(--color-footer-heading);grid-row:2;width:100%;font-size:1rem;font-weight:100;display:block}.userListEntry .name-section{grid-column:2/3;padding-left:4rem}.userListEntry .role-section{grid-column:1/2}.userListEntry .account-section{grid-column:3/4}.userListEntry .enrolled-section{grid-column:4/5}.userListEntry .name-section,.userListEntry .role-section,.userListEntry .account-section,.userListEntry .enrolled-section{grid-row:3;width:100%}.userListEntry .userCard-email{grid-area:1/2/auto/4;width:100%}}@media (max-width:700px){.userListEntry{height:fit-content;max-height:15rem;padding-left:1rem}.userListEntry .userCard-role__heading,.userListEntry .userCard-enrolled__heading{padding-top:.5rem}.userListEntry .name-section,.userListEntry .role-section{grid-column:1/3;align-self:flex-start}.userListEntry .account-section,.userListEntry .enrolled-section{grid-column:3/5;align-self:flex-start}.userListEntry .name-section,.userListEntry .account-section{grid-row:2;padding-left:0}.userListEntry .role-section,.userListEntry .enrolled-section{grid-row:3}.userListEntry .userCard-title{font-size:1.3rem}}@media (max-width:450px){.userListEntry .userCard-email{font-size:.8rem}.userListEntry .userCard-name,.userListEntry .userCard-role,.userListEntry .userCard-account,.userListEntry .userCard-enrolled{font-size:1rem}}
#userModal{width:90%;height:90%;color:var(--color-white);border:1px solid var(--color-real-white);scrollbar-color:var(--color-black)#ffffff20;background-color:#000;border-left:none;border-right:none;border-radius:8px;flex-direction:column;gap:1rem;padding:2rem;display:flex;position:fixed;top:50%;left:50%;overflow-x:hidden;transform:translate(-50%,-50%)}#userModal #user-information{height:45%;color:var(--color-real-white);gap:2rem;display:flex}#userModal #user-information .profile-image{border-radius:9px}#userModal #user-information #user-name{font-size:3rem}#userModal #user-information #user-details{flex-direction:column;align-self:flex-end;gap:1rem;display:flex}#userModal #user-information #user-details #user-address{color:var(--color-nintendo-gray);font-size:1rem}#userModal #user-information #private-message{width:fit-content}#userModal #user-pages{flex-wrap:wrap;display:flex}#userModal #user-pages input[type=radio]{display:none}#userModal #user-pages input[type=radio]:checked+label+.tab{display:block}#userModal #user-pages input[type=radio]:checked+label{background:var(--color-black-light)}#userModal #user-pages label{background:var(--color-black);border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:1rem;font-weight:700}#userModal #user-pages label:hover{cursor:pointer}#userModal #user-pages .tab{background-color:var(--color-black-light);text-align:left;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;order:1;width:100%;height:100%;padding:2rem;display:none}#userModal .closeButton{position:absolute;top:0;right:0}@media (max-width:500px){#userModal{width:100%}}
#userList{flex-direction:column;width:90%;padding-top:2rem;display:flex}#userList #listHeading{justify-content:space-around;display:flex}#userList #listHeading .user-email{width:34%}@media (max-width:1100px){#userList #listHeading{display:none}}
#gameGrid{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;margin:2rem;display:flex}