#root,html{overflow-x:hidden}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column-reverse;gap:2.5%;height:100dvh;justify-content:flex-end;margin:0;padding:20px 0;width:100%}@media only screen and (max-width:900px){.app-container{flex-direction:column-reverse;height:100dvh;margin:0;scroll-behavior:smooth;width:100%}}.left-action-components{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media only screen and (max-width:900px){.left-action-components{height:-webkit-fit-content;height:fit-content;margin:0 0 20px}}.right-components{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media only screen and (max-width:900px){.right-components{width:100%}}.action-components-container{align-content:space-between;display:flex;flex-direction:column;gap:20px;height:-webkit-fit-content;height:fit-content;justify-content:center;width:350px}@media only screen and (max-width:450px){.action-components-container{align-content:center;display:flex;gap:15px;height:-webkit-fit-content;height:fit-content;justify-content:center;width:100%}}input{border:none;height:20px;padding:8px;width:300px}.no-autocomplete{color:#757575;padding:8px}.autocomplete{border:1px solid #ffd800;border-radius:5px;box-shadow:0 2px 8px #0000004d;left:0;list-style:none;margin:0;max-height:200px;overflow-y:visible;overflow-y:auto;padding-left:0;position:absolute;text-align:center;text-transform:capitalize;top:100%;width:100%;z-index:1000}.autocomplete li{background:#000;color:#757575;cursor:pointer;padding:8px}.autocomplete li:hover,.autocomplete>.active{background-color:#1e1e1e;color:#fff;cursor:pointer;font-weight:700}.autocomplete li:not(:last-of-type){border-bottom:1px solid #ffd800}.pokemon-card{align-items:center;border:2px solid #ffd800;border-radius:15px;display:flex;flex-direction:column;height:500px;justify-content:center;transition:all .3s ease;width:350px}.pokemon-card.correct-guess{animation:correctGlow 3s ease-in-out;box-shadow:0 0 20px #ffc10799,0 0 40px #ffc10766,0 0 60px #ffc10733}.pokemon-card.incorrect-guess{animation:incorrectShake .6s ease-in-out;border-color:#ef4444}@keyframes correctGlow{0%{box-shadow:0 0 5px #ffc1074d}50%{box-shadow:0 0 25px #ffc107cc,0 0 45px #ffc10799,0 0 65px #ffc10766}to{box-shadow:0 0 20px #ffc10799,0 0 40px #ffc10766,0 0 60px #ffc10733}}@keyframes incorrectShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media only screen and (max-width:400px){.pokemon-card{height:450px;margin-bottom:0;padding:5px 0;width:90%}}.pokemon-card-container{align-content:space-around;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:95%}.pokemon-card-container p{margin:0;padding:0}.name-number-container{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-between;padding-top:5px;text-transform:capitalize;width:100%}.name-number-container .hp-types-container{align-items:center;border-radius:1rem;display:flex;flex-direction:row;gap:5px;height:50%;min-width:-webkit-fit-content;min-width:fit-content;padding:7px}.name-number-container .hp-types-container .type-container{align-items:center;display:flex;flex-direction:row;gap:2.5%}.name-number-container .hp-types-container .type-container .type-item{align-items:center;display:flex}.name-number-container .hp-types-container .type-container .type-item .type-icon{height:20px;width:20px}.name-number-container .hp-types-container .type-container .type-item .type-icon path{fill:currentColor;stroke:#000;stroke-width:8}.sprite-container{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:center;width:100%}img.pokemon-sprite{height:95%;width:90%}.stats-container{grid-row-gap:7%;grid-column-gap:2%;align-items:center;column-gap:2%;display:grid;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:fit-content;justify-content:center;padding-bottom:7%;row-gap:7%;text-transform:capitalize;width:100%}.stats-container h3{margin:0;padding:0}.stats-container div{display:flex;flex-direction:row}.stats-container div p{align-self:center;margin:0;padding:0}.pokemon-name{margin:15px 0;padding:0}.pokemon-name,.pokemon-number,.search-bar-container{display:flex;justify-content:center}.search-bar-container{height:60%;margin:15px 0;width:100%}@media only screen and (max-width:450px){.search-bar-container{margin:10px 0}}.search-control{display:flex;flex-direction:row;max-width:500px;position:relative;width:100%}.search-input{align-self:center;background-color:#1e1e1e;border:1px solid #ffd800;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;height:3.5rem;padding-left:16px;padding-right:80px;touch-action:manipulation;width:100%}.search-input:focus{outline:none;transform:scale(1)}.search-button{align-items:center;align-self:center;background:none;border:none;border-left:1px solid #ffd800;color:#757575;cursor:pointer;display:flex;font-size:16px;height:3.5rem;justify-content:center;padding:8px 24px;position:absolute;right:8px;z-index:1}@media only screen and (max-width:450px){.search-control{width:95%}.search-input{font-size:16px}}html{background:#000;box-sizing:border-box}.arrows-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.left-arrow-container{color:#fff;cursor:pointer;width:100%;z-index:2}@media only screen and (max-width:450px){.left-arrow-container{padding-left:2.5%}}.left-arrow-container svg{height:50px;width:100%}.left-arrow-container .incorrect-answers{align-items:center;display:flex;flex-direction:column;justify-content:center}.left-arrow-container .incorrect-answers p{margin:0;padding:2.5% 0;text-align:center}.right-arrow-container{color:#fff;cursor:pointer;display:flex;justify-content:center;width:100%;z-index:2}@media only screen and (max-width:450px){.right-arrow-container{padding-right:2.5%}}.right-arrow-container svg{height:50px;width:100%}.right-arrow-container .correct-answers{align-items:center;display:flex;flex-direction:column;justify-content:center}.right-arrow-container .correct-answers p{margin:0;padding:2.5% 0;text-align:center}.whoPokemon_whosThatPokemon__e\+bqU{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;width:100%}.whoPokemon_whosThatPokemon__e\+bqU img{height:50px;width:50px}.whoPokemon_whosThatPokemon__e\+bqU svg{height:100px;overflow:visible}.whoPokemon_pokeBallContainer__2dPn9{align-items:center;display:flex;flex-direction:column;height:100px;position:relative;width:100px}.whoPokemon_pokeBallSvg__POoBz{height:100px;left:0;pointer-events:none;position:absolute;top:0;width:100px;z-index:1}.whoPokemon_pokeBallHalf__B5jan{align-items:center;border-radius:50px;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;transition:all .2s ease;width:100px;z-index:2}.whoPokemon_pokeBallHalf__B5jan:hover{background-color:#ffcb0533;transform:scale(1.05)}.whoPokemon_pokeBallHalf__B5jan.whoPokemon_selected__Q53WZ{background-color:#ffcb0566;box-shadow:0 0 10px #ffcb0599}.whoPokemon_topHalf__sEpWR{border-bottom-left-radius:0;border-bottom-right-radius:0;top:0}.whoPokemon_bottomHalf__laW82{border-top-left-radius:0;border-top-right-radius:0;bottom:0}.whoPokemon_modeLabel__OP7eG{background-color:#00000080;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;pointer-events:none;text-shadow:1px 1px 2px #000c}.whoPokemon_activePokeBall__L5cuy{align-items:center;cursor:pointer;display:flex;flex-direction:column}.whoPokemon_activePokeBall__L5cuy:hover{transform:scale(1.1);transition:transform .2s ease}.whoPokemon_gameMode__r8bs9{color:#fff;font-size:12px;font-weight:700;margin-top:5px;text-shadow:1px 1px 2px #000c}.whoPokemon_gameMode__r8bs9 p{margin:0;padding:2.5% 0}
/*# sourceMappingURL=main.bdd17592.css.map*/