body{background:#0f0f0f;margin:0}.message{color:#fff;padding:20px}.error-message{color:#fa0000;padding:20px}.spinner-container{display:flex;justify-content:center;padding:20px 0}.lds-dual-ring{display:inline-block;height:80px;width:80px}.lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#fff #0000;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{align-items:center;background:#232323;justify-content:space-between;padding:5px 20px}.header,.logo{display:flex;gap:10px}.logo{color:#fff}@media screen and (max-width:640px){.header{flex-direction:column;padding:15px 20px}}.pagination-container{display:flex;justify-items:center;margin:20px 0;position:relative}.pagination{background:#0000;border:1px solid #bababa80;border-radius:5px;box-sizing:border-box;color:#fff;margin:0 auto;padding:15px 10px;width:95%;&:focus-visible{outline:1px solid #6a92b2}&:disabled{background:#2c2c2c}}.go-to-page-text{background:#0f0f0f;color:#bababa80;font-size:10px;left:45px;padding:0 4px;position:absolute;top:-5px}.result-tile{background:#1e1e1e;border-radius:5px;color:#dfdfdf;height:200px;position:relative;width:100%}.cursor-pointer{cursor:pointer}.result-info{padding:8px}.result-image{height:60%;object-fit:cover;object-position:0 0;width:100%}.result-platforms{font-size:11px;margin-top:4px}.result-rating{background:#1e1e1e;border-radius:5px;color:#f1ce07;display:flex;font-size:13px;gap:2px;padding:2px 5px;position:absolute;right:10px;top:5px}@media screen and (max-width:767px){.result-tile{height:190px}}@media screen and (max-width:640px){.result-tile{height:240px}}.results-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(5,minmax(0,1fr));padding:30px 80px}@media screen and (max-width:1200px){.results-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:991px){.results-container{grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 40px}}@media screen and (max-width:767px){.results-container{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 20px}}@media screen and (max-width:640px){.results-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.search{background:#232323;border:1px solid #bababa80;border-radius:5px;box-sizing:border-box;color:#fff;height:35px;margin:0;padding:0 0 0 30px;width:100%;&:focus-visible{outline:1px solid #6a92b2}&:disabled{background:#2c2c2c}}.game-search{color:#fff;position:relative}.flex-1{flex:1 1}.search-icon{left:10px;position:absolute;top:10px}@media screen and (max-width:640px){.game-search{width:100%}}.overlay{background-color:rgba(48,48,48,.801);bottom:0;left:0;position:fixed;right:0;top:0}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.modal{background-color:#0f0f0f;border-radius:5px;bottom:auto;color:#fff;left:50%;margin-right:-50%;padding:20px;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);width:60%}.modal-rating{background:#1e1e1e;border-radius:5px;color:#f1ce07;display:flex;font-size:20px;gap:2px;margin:20px;padding:2px 5px;width:-webkit-max-content;width:max-content}.modal-info{font-size:28px;padding:0 20px}.modal-platforms{font-size:22px;margin-top:20px}.modal-screenshots-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.modal-screenshot{height:200px;object-fit:cover;width:90%}.modal-tags-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.modal-tag{background:#232323;border-radius:5px;color:#fff;font-size:14px;padding:5px 10px}.modal-close-container{display:flex;justify-content:flex-end}.modal-close{cursor:pointer;font-size:20px;margin-bottom:5px}@media screen and (max-width:991px){.modal{width:80%}}
/*# sourceMappingURL=main.01dd38ce.css.map*/