body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root,body{margin:0;padding:0}#root{height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Quantico-Regular;src:local("Quantico-Regular"),url(/nexus-card/static/media/Quantico-Regular.3faac7b366ab13616d56.ttf) format("truetype")}@font-face{font-family:Quantico-Bold;src:local("Quantico-Bold"),url(/nexus-card/static/media/Quantico-Bold.336fa8a6ceaeb6ab98a8.ttf) format("truetype")}@font-face{font-family:Quattrocento-Regular;src:local("Quattrocento-Regular"),url(/nexus-card/static/media/Quattrocento-Regular.3d1b0443d0ee295dc542.ttf) format("truetype")}@font-face{font-family:Quattrocento-Bold;src:local("Quattrocento-Bold"),url(/nexus-card/static/media/Quattrocento-Bold.ed26827e1ecdb8a9bf3e.ttf) format("truetype")}.App{background-color:#0c154f;display:flex;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.App h1{font-size:5vh}.App h1,.App h2{color:#7c9afe;font-family:Quantico-Regular,serif}.App h2{font-size:4vh}.App h3{color:#7c9afe;font-family:Quantico-Regular,serif;font-size:3vh;margin-top:2.5em}.App h4{font-size:2.5vh}.App button,.App h4{color:#fff;font-family:Quantico-Regular,serif}.App button{background:none;border:2px solid #fff;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700;height:53px;margin-top:10px;padding:6px 12px;width:178px}.App button:hover{background:#0c154f;color:#fff}.accessibility-toggle:hover,.theme-toggle:hover{background:#7c9afe!important;color:#0c154f!important}.App button:focus{outline:none}.App button.accessible{outline:3px solid #1e90ff;outline-offset:2px}.App button.accessible:focus{box-shadow:0 0 15px #ffd700cc;outline:4px solid gold;outline-offset:3px}.App .card-grid{grid-row-gap:1.5vw;grid-column-gap:1vw;align-content:center;background-color:#0c154f;column-gap:1vw;display:grid;flex:1 1;grid-template-columns:repeat(6,auto);height:100%;justify-content:center;margin:auto;max-width:90%;padding-bottom:2em;padding-top:4em;row-gap:1.5vw;transition:gap .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.App .game-info{background-color:#2e3c99;flex-shrink:0;height:100%;min-width:380px;text-align:center;width:380px}.App[data-theme=lol]{background-color:#001e28}.App[data-theme=lol] h1,.App[data-theme=lol] h2,.App[data-theme=lol] h3{color:#d4a33c;font-family:Quattrocento-Regular,serif}.App[data-theme=lol] h3{margin-top:3em}.App[data-theme=lol] button,.App[data-theme=lol] h4{font-family:Quattrocento-Regular,serif}.App[data-theme=lol] button{border:2px solid #003d51;color:#003d51}.App[data-theme=lol] button:hover{background:#003d51;color:#fff}.App[data-theme=lol] button:focus{outline:none}.App[data-theme=lol] button.accessible{outline:3px solid #1e90ff;outline-offset:2px}.App[data-theme=lol] button.accessible:focus{box-shadow:0 0 15px #ffd700cc;outline:4px solid gold;outline-offset:3px}.App[data-theme=lol] .card-grid{background-color:#001e28}.App[data-theme=lol] .game-info{background-color:#00141b}img.game-logo{max-height:75vh;max-width:90%;padding-left:3vh}.top-controls{display:flex;gap:15px;position:absolute;right:40px;top:20px;z-index:1000}.accessibility-toggle,.theme-toggle{margin-top:0;position:relative}.accessibility-toggle:focus,.theme-toggle:focus{outline:none}.accessibility-toggle.accessible:focus,.theme-toggle.accessible:focus{box-shadow:0 0 15px #ffd700cc;outline:4px solid gold;outline-offset:3px}.accessibility-toggle{background:#0000;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Quantico-Regular,serif;font-size:.7em;font-weight:700;height:auto;padding:3px 6px;width:auto}.accessibility-toggle:hover{background:#7c9afe;color:#0c154f}.App[data-theme=lol] .accessibility-toggle{border:2px solid #003d51;color:#003d51;font-family:Quattrocento-Regular,serif}.App[data-theme=lol] .accessibility-toggle:hover{background:#003d51;color:#fff}.theme-toggle{background:#0000;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Quantico-Regular,serif;font-size:.7em;font-weight:700;height:auto;padding:3px 6px;position:relative;width:auto}.theme-toggle:hover{background:#7c9afe;color:#0c154f}.App[data-theme=lol] .theme-toggle{border:2px solid #003d51;color:#003d51;font-family:Quattrocento-Regular,serif}.App[data-theme=lol] .theme-toggle:hover{background:#003d51;color:#fff}@media (min-width:1200px){.card img{max-height:100vh!important;min-height:650px}.App .card-grid{column-gap:3vw;max-width:98%;row-gap:3.5vw}}@media (max-width:1200px){.App .game-info{width:300px}.App .card-grid{max-width:75vh}}@media (max-width:992px){.App{flex-direction:column;height:auto;min-height:100vh}.App .game-info{height:auto;min-width:100%;padding:20px 0;width:100%}.App .card-grid{gap:10px;grid-template-columns:repeat(6,1fr);max-width:100%;padding-left:10px;padding-right:10px;padding-top:2em}.theme-toggle{font-size:.9em;height:auto;padding:8px 12px;right:10px;top:10px;width:auto}.top-controls{flex-direction:column;gap:5px;right:10px;top:10px}.accessibility-toggle{font-size:.9em;height:auto;padding:8px 12px}img.game-logo{margin-top:1em}}@media (max-width:768px){.App .card-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.card img{max-height:18vh}.App h3{font-size:2.5vh;margin-top:1.5em}.App h4{font-size:2vh}}@media (max-width:480px){.App .card-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.card img{max-height:15vh}.App button{font-size:.9em;height:45px;width:140px}.accessibility-toggle,.theme-toggle{font-size:.8em;padding:6px 10px}}.card{margin:auto;position:relative;transition:margin .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.card.accessible{border-radius:4px;outline:3px solid #1e90ff;outline-offset:2px}.card img{display:block;height:auto;max-height:28vh;min-height:150px;object-fit:contain;width:100%}.App[data-theme=lol] .card img{border:none}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back-wrapper{cursor:pointer;outline:none;position:relative;width:-webkit-fit-content;width:fit-content}.card .back-wrapper:focus{outline:none}.card .back-wrapper[tabindex="0"]{border-radius:4px;outline:3px solid #1e90ff;outline-offset:2px}.card .back-wrapper[tabindex="0"]:focus{box-shadow:0 0 15px #ffd700cc;outline:4px solid gold;outline-offset:3px}.App[data-theme=lol] .card .back-wrapper[tabindex="0"]{outline-color:#1e90ff}.App[data-theme=lol] .card .back-wrapper[tabindex="0"]:focus{box-shadow:0 0 15px #ffd700cc;outline:4px solid gold}.card .back{pointer-events:none;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}.loading-container{align-items:center;background-color:#0c154f;display:flex;flex-direction:column;height:100vh;justify-content:center}.App[data-theme=lol] .loading-container{background-color:#001e28}.spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#7c9afe;height:50px;width:50px}.App[data-theme=lol] .spinner{border-top-color:#d4a33c}.loading-text{color:#7c9afe;font-family:Quantico-Regular,serif;font-size:1.2em;margin-top:20px}.App[data-theme=lol] .loading-text{color:#d4a33c;font-family:Quattrocento-Regular,serif}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2862740d.css.map*/