#editfilter-developer{border:thin}#editfilter-developer .selectSection__select{width:100%;height:2rem;padding-left:.8rem;font-size:1.3rem}@media (max-width:920px){#editfilter-developer{align-self:center;width:fit-content}#editfilter-developer .selectSection__select{font-size:1rem}}@media (max-width:500px){#editfilter-developer .selectSection__select{padding-left:.3rem;font-size:.8rem}}
#editfilter-publisher{border:thin}#editfilter-publisher .selectSection__select{width:100%;height:2rem;padding-left:.8rem;font-size:1.3rem}@media (max-width:920px){#editfilter-publisher{align-self:center;width:fit-content}#editfilter-publisher .selectSection__select{font-size:1rem}}@media (max-width:500px){#editfilter-publisher .selectSection__select{padding-left:.3rem;font-size:.8rem}}
#editGameForm{background:#000c;border-radius:9px;flex-direction:column;gap:1rem;margin:1rem;padding:2rem;display:flex}#editGameForm #editGameForm-metadata{gap:3rem;display:flex}#editGameForm #editGameForm-metadata #editGameForm-filters,#editGameForm #editGameForm-metadata #editGameForm-nonfilters{flex-direction:column;gap:1rem;display:flex}#editGameForm .selectSection,#editGameForm #coverSection,#editGameForm #releasedSection{align-items:center;gap:1rem;display:flex}:is(#editGameForm .selectSection,#editGameForm #coverSection,#editGameForm #releasedSection) h2{font-weight:900}#editGameForm #coverSection input{align-content:center;font-size:1rem}#editGameForm #coverSection .coverSection__title{white-space:nowrap}#editGameForm #releasedSection{align-items:self-start}#editGameForm #releasedSection input{width:auto}#editGameForm #saveButton{justify-self:end;padding:.5rem 1rem}@media (max-width:920px){#editGameForm{width:95%}#editGameForm input{margin:0}#editGameForm #description{padding-top:.3rem;padding-left:.3rem;font-size:.8rem}#editGameForm .selectSection,#editGameForm #coverSection,#editGameForm #releasedSection,#editGameForm .romSection{gap:0}:is(#editGameForm .selectSection,#editGameForm #coverSection,#editGameForm #releasedSection,#editGameForm .romSection) h2{font-size:1.5rem}:is(#editGameForm .selectSection,#editGameForm #coverSection,#editGameForm #releasedSection,#editGameForm .romSection) .selectSection__select{font-size:1.2rem}#editGameForm input{align-self:center;height:2rem;padding-left:.5rem;font-size:1.3rem}#editGameForm section{flex-direction:column;display:flex}#editGameForm #releasedSection{align-items:center}#editGameForm #saveButton{width:fit-content;font-size:1rem}#editGameForm textarea{height:25rem}}@media (max-width:670px){#editGameForm{padding:1rem}#editGameForm input{font-size:1rem}#editGameForm #coverSection input{text-align-last:center;width:100%}}
#gameDetailsCard{text-align:center;flex-direction:column;width:100%;display:flex}#gameDetailsCard #game-cover-tags{border-radius:9px;display:flex}#gameDetailsCard #game-cover-tags #cover-wrapper{z-index:5;background-color:#ffffff10;border-radius:24px;width:300px;height:250px;margin-left:4rem;position:relative}#gameDetailsCard #game-cover-tags #cover-wrapper .gameDetailsCard-image{border-radius:10px;width:150px;height:200px;position:absolute;top:-2.5rem;left:25%}#gameDetailsCard #game-cover-tags #cover-wrapper .button__link{position:absolute;bottom:1.5rem;left:25%}#gameDetailsCard #game-cover-tags #gameDetails{z-index:15;flex-direction:column;gap:.5rem;max-width:70%;padding:0 2rem;display:flex}#gameDetailsCard #game-cover-tags #gameDetails #titleLink{justify-content:center;align-items:center;gap:3rem;display:flex}#gameDetailsCard #game-cover-tags #gameDetails #gameDetailsCard__description{white-space-collapse:preserve-breaks;text-align:left;color:var(--color-real-white);flex-direction:column;padding-bottom:2rem;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:400;display:flex}#gameDetailsCard #game-cover-tags #gameDetails #gameDetailsCard__description .gameDetailsCard__description-paragraph{margin-top:1rem}#gameDetailsCard #game-cover-tags #gameDetails .gameDetails__title{color:var(--color-footer-heading);letter-spacing:2px;font-family:Rancho,sans-serif;font-size:2.5rem;font-weight:100}#gameDetailsCard #game-cover-tags #gameDetails .button__link{width:fit-content;height:fit-content}#gameDetailsCard .metadata-cards{flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:3rem;display:flex}#gameDetailsCard .metadata-cards .Released{background-image:url(/released.webp)}#gameDetailsCard .metadata-cards .Publisher{background-image:url(/publisher.webp)}#gameDetailsCard .metadata-cards .Players{background-image:url(/players.webp)}#gameDetailsCard .metadata-cards .Category{background-image:url(/category.webp)}#gameDetailsCard .metadata-cards .Developer{background-image:url(/developer.webp)}#gameDetailsCard .metadata-cards .metadata-card{z-index:10;background-position:bottom;background-size:cover;border-radius:9px;width:250px;height:330px;position:relative}#gameDetailsCard .metadata-cards .metadata-card #metadata-information{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:50%;color:var(--color-black);background-color:#ffffff50;border-bottom-right-radius:9px;border-bottom-left-radius:9px;position:absolute;bottom:0}#gameDetailsCard .metadata-cards .metadata-card #metadata-information .metadata-type{letter-spacing:1px;align-self:center;padding-top:.3rem;font-size:1.1rem;font-weight:100}#gameDetailsCard .metadata-cards .metadata-card #metadata-information .metadata-description{padding:1rem .5rem}@media (max-width:1150px){#gameDetailsCard #game-cover-tags{flex-direction:column}#gameDetailsCard #game-cover-tags #gameDetails{width:100%;max-width:100%;padding-top:2rem}}@media (max-width:500px){#gameDetailsCard #game-cover-tags #cover-wrapper{display:none}#gameDetailsCard #game-cover-tags #gameDetails{width:100%;max-width:100%;padding-top:2rem}#gameDetailsCard #game-cover-tags #gameDetails #titleLink{flex-direction:column;gap:1rem;margin-bottom:2rem}}@media (max-width:400px){#gameDetailsCard #game-cover-tags #gameDetails{padding:0 1rem}}
#gameModal{width: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;position:fixed;top:50%;left:50%;overflow-x:hidden;transform:translate(-50%,-50%)}#gameModal .carousel-container{flex-flow:column;justify-content:center;align-items:center;gap:3rem;max-height:35rem;margin-top:3rem;display:flex;position:relative}#gameModal .carousel-container .carousel{max-width:80%;transform-style:preserve-3d;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:5rem;margin-bottom:10rem;display:flex;transform:perspective(1000px)}#gameModal .carousel-container .carousel>img:not(.selected-game){cursor:pointer}#gameModal .carousel-container .carousel .item{object-fit:cover;width:20%;max-width:250px;height:250px;margin:2px;transition:all .5s}#gameModal .carousel-container .carousel .selected-game{filter:brightness();width:25%;height:270px;transform:translateZ(170px);box-shadow:inset 0 1px 3px #ffffff20,0 0 100px 1px #ffffff80}#gameModal .carousel-container .carousel .cards-1{width:100%}#gameModal .carousel-container .carousel .cards-2{width:80%}#gameModal .carousel-container .carousel .cards-3{width:50%}#gameModal .carousel-container .carousel .selected-game+*{filter:brightness(.6);transform:translateZ(120px)rotateY(25deg)}#gameModal .carousel-container .carousel .selected-game+*+*{filter:brightness(.4);transform:translateZ(50px)rotateY(15deg)}#gameModal .carousel-container .carousel .previous-game{filter:brightness(.6);transform:translateZ(120px)rotateY(-25deg)}#gameModal .carousel-container .carousel .first-game{filter:brightness(.4);transform:translateZ(50px)rotateY(-15deg)}#gameModal .closeButton{position:absolute;top:0;right:0}#gameModal #slide-space{margin-top:3rem;padding-bottom:3rem;position:relative}#gameModal #slide-space .darken-image-top{z-index:1;background:linear-gradient(#000 20%,#0000 100%);width:100%;height:15rem;position:absolute;top:0}#gameModal #slide-space .darken-image-bottom{z-index:1;background:linear-gradient(#0000 0%,#000 80%);width:100%;height:15rem;position:absolute;top:36rem}#gameModal #slide-space #slide-background{filter:brightness(.2);background-image:url(/playing.png);background-position:50%;width:100%;height:50rem;position:absolute;left:0}@media (max-width:1150px){#gameModal #slide-space #slide-background{width:auto}}@media (max-width:800px){#gameModal .carousel-container{height:1rem}#gameModal .carousel-container .carousel{display:none}}@media (max-width:500px){#gameModal{width:100%}#gameModal .carousel-container{display:none}}