.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination__button{height:70px;width:67px;background-color:#fff;border:none;padding:0}.pagination__button:hover{cursor:pointer}.pagination__button:disabled{cursor:default;background-color:#e0e0e0}.pagination__button:hover{background-color:#f7d7d4}.pagination__left-button{border-radius:10px 0 0 10px}.pagination__right-button{border-radius:0 10px 10px 0}.pagination__index{display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:400;color:#000;background-color:#fff;width:70px;height:70px;margin:0 3px}.filter-select{position:relative;display:inline-block;width:100%;height:3em;max-width:300px;background-color:#fff;color:#000;border:0;border-radius:5px;box-shadow:0 0 0 1px #e5e5e5;padding:0 1em;font-size:16px}.searchfield{background-color:#fff;color:#000;border:0;border-radius:5px 0 0 5px;padding:0 1.5em;width:100%;outline:none;font-size:16px;height:100%}.searchfield__container{margin-top:1.5em;display:flex;width:100%;height:3em}.searchfield__button{padding:1em;border-radius:0 5px 5px 0;background-color:#db4032;border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;width:22px;height:22px}.searchfield__button:hover{background-color:#e05e52}.searchfield__image{height:50%}.card__image-container{width:fit-content;margin:25% auto auto}.card__name-container{width:fit-content;margin:auto;padding-top:5%;color:#000;font-size:1.5em;text-align:center}.card__container{background-color:#fff;height:300px;width:200px;border-radius:10px;margin:auto;font:inherit;display:block;border:none;padding:0;color:#000;transition:.2s;box-shadow:0 0 10px 2px #00000040;cursor:pointer}.card__container:hover{transform:scale(1.05);box-shadow:0 0 20px 4px #00000040}.card__container:active{transform:scale(1.025);box-shadow:0 0 15px 3px #00000040}.card__header{display:flex;justify-content:space-evenly;gap:.5em;width:100%}.card__header-name{font-weight:500}.card__header-separator-line{height:1px;background-color:#d2d2d2}.card__image{height:96px;width:96px}#root{margin:0;color:#000}.loading{color:#000;width:100vw;height:calc(100vh - 100px);display:flex;justify-content:center;align-items:center}.no-results{width:100vw;height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.no-results{font-size:20px}}.no-results__title{color:#db4032;font-size:40px;font-weight:700;margin-bottom:16px}.no-results__under-title{color:#000;font-size:40px;font-weight:300;margin:0}.app__pagination-container{display:flex;justify-content:center;align-items:center;margin:24px}.app__filtering-container{display:flex;flex-direction:column;color:#000}.app__filtering-text{font-size:16px;color:#6c6c6c}.app__searchbar-filter-wrapper{width:85%;margin:2em auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1em}.app__filter-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1em;width:50%}@media (max-width: 850px){.app__filter-wrapper{width:100%}}@media (max-width: 500px){.app__filter-wrapper{flex-direction:column}}.app__form-wrapper{width:25%}@media (max-width: 1200px){.app__form-wrapper{width:40%}}@media (max-width: 850px){.app__form-wrapper{width:100%}}.TypeCircle__container{display:flex;justify-content:center;align-items:center;width:fit-content}.TypeCircle__typeColor-fire{fill:#ee8130}.TypeCircle__typeColor-water{fill:#6390f0}.TypeCircle__typeColor-grass{fill:#7ac74c}.TypeCircle__typeColor-ice{fill:#96d9d6}.TypeCircle__typeColor-poison{fill:#a33ea1}.TypeCircle__typeColor-electric{fill:#f7d02c}.TypeCircle__typeColor-ground{fill:#e2bf65}.TypeCircle__typeColor-fighting{fill:#c22e28}.TypeCircle__typeColor-psychic{fill:#f95587}.TypeCircle__typeColor-flying{fill:#a98ff3}.TypeCircle__typeColor-bug{fill:#a6b91a}.TypeCircle__typeColor-rock{fill:#b6a136}.TypeCircle__typeColor-ghost{fill:#735797}.TypeCircle__typeColor-dragon{fill:#6f35fc}.TypeCircle__typeColor-dark{fill:#705746}.TypeCircle__typeColor-steel{fill:#b7b7ce}.TypeCircle__typeColor-fairy{fill:#d685ad}.TypeCircle__typeColor-normal{fill:#a8a77a}.FavouriteButton__container{display:flex;align-items:center;justify-content:center;margin-top:1em;margin-bottom:35px}.FavouriteButton__starpath{fill:#bfbfbf;transition:.1s}.FavouriteButton__starpath:hover{fill:#e8867d}.FavouriteButton__starpath:active{fill:#db4032}.FavouriteButton__favourited{fill:#db4032;transition:.1s}.FavouriteButton__starpath-isActive{fill:#db4032}.pokemonGrid__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:auto;width:85%}.pokemonPage__centerContent{display:flex;align-items:center;justify-content:center;width:100%;padding:3em 0}.pokemonPage__mainPanel{width:50%;height:70%;padding:4em;margin:auto;border-radius:10px;box-shadow:0 0 10px 2px #00000040;background-color:#fff}@media (max-width: 865px){.pokemonPage__mainPanel{height:fit-content;padding:2em;margin:0 1em;width:100%}}.pokemonPage__pokemonIngress{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.pokemonPage__ImageCircle{display:flex;justify-content:center;align-items:center;border:5px solid #db4032;width:12em;height:12em;margin:auto;border-radius:100%;background-color:#0000}.pokemonPage__image{width:60%;height:60%}.pokemonPage__nameNumber{display:flex;gap:.25em;font-size:36px}.pokemonPage__nameNumber p{margin:0}.pokemonPage__id{font-weight:lighter}.pokemonPage__pokemonName{text-transform:capitalize}.pokemonPage__typeBadges{display:flex;align-items:center;gap:1em;margin-bottom:2em}.pokemonPage__dataContainer{width:100%;display:flex;justify-content:space-between}@media (max-width: 865px){.pokemonPage__dataContainer{flex-direction:column}}.pokemonPage__InfoCard-split-row{display:flex;gap:1em}@media (max-width: 865px){.pokemonPage__InfoCard-split-row{flex-direction:column}}@media (max-width: 865px){.pokemonPage__favButton{margin-right:-1em}}.pokemonPage__favButton:hover{cursor:pointer}.pokemonPage__back-button{background-color:#fff;border:none;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;color:#db4032;font-size:1.5em;display:flex;gap:.35em}@media (max-width: 865px){.pokemonPage__back-button{margin-left:-1em}}.pokemonPage__back-button:focus{outline:4px dashed blue}.pokemonPage__back-button:hover{cursor:pointer}@media (max-width: 865px){.pokemonPage__back-button-text{display:none}}.pokemonPage__buttons{display:flex;justify-content:space-between;align-items:center}.pokemon-table{color:#696969;width:50%}@media (max-width: 865px){.pokemon-table{width:100%}}@media (max-width: 1000px){.pokemon-table{margin:0;margin-top:1rem}}.pokemon-table__stats{width:100%}.pokemon-table__stats-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-top:.5rem;width:100%;border-top:1.5px solid #d6d5d5}.pokemon-table__stats-header{text-transform:capitalize;margin-left:2rem;font-weight:400}.pokemon-table__stats-number{margin-right:2rem;font-weight:700;color:#d23e2c}.mini-header{margin-top:0}.pokemon-page__type{display:inline-block;width:110px;text-align:center;margin:5px;padding:2px 0;border-radius:20px;text-transform:capitalize;font-weight:700;color:#fff}.pokemon-page__type-poison{background-color:#a59}.pokemon-page__type-grass{background-color:#7c5}.pokemon-page__type-fire{background-color:#f42}.pokemon-page__type-flying{background-color:#89f}.pokemon-page__type-bug{background-color:#ab2}.pokemon-page__type-dragon{background-color:#76e}.pokemon-page__type-steel{background-color:#aab}.pokemon-page__type-ice{background-color:#6cf}.pokemon-page__type-electric{background-color:#fc3}.pokemon-page__type-fighting{background-color:#b54}.pokemon-page__type-ground{background-color:#db5}.pokemon-page__type-rock{background-color:#ba6}.pokemon-page__type-psychic{background-color:#f59}.pokemon-page__type-ghost{background-color:#66b}.pokemon-page__type-dark{background-color:#754}.pokemon-page__type-fairy{background-color:#e9e}.pokemon-page__type-normal{background-color:#aa9}.pokemon-page__type-water{background-color:#39f}.infoCard{background-color:#db4032;border-radius:10px;color:#fff;padding:1em 1em 1px;margin-bottom:1em}.infoCard__iconAndLabel{display:flex;gap:1em;align-items:center;height:2em}.infoIcon{height:1.5em}.text{font-size:1.5em;font-weight:700;display:flex;justify-content:center;padding:0;margin:0 0 .2em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f2f2f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0}body{margin:0}.navbar__red-bar{background-color:#db4032;height:100px;display:flex;align-items:center;justify-content:space-between}.navbar__pokemon-ball{margin-left:30px}.navbar__pokemon-ball:hover{cursor:pointer}.navbar__button-container{display:flex;align-items:center;height:100%}.navbar__buttons{height:85%;margin-top:15px;border-radius:15px 15px 0 0;color:#fff;width:140px;padding:0;background-color:#db4032;border:none;font-size:20px;font-weight:400}.navbar__buttons:hover{background-color:#c22d1f;cursor:pointer}.navbar__buttons:active{background-color:#a21f16}.navbar__buttons:disabled{background-color:#f2f2f2;cursor:default;color:#565656}.navbar__buttons:focus-visible{outline:4px dashed blue}