@charset "UTF-8";.pokemon-type{width:10rem;padding:.1rem 2.5rem;color:#fff;text-align:center;font-size:1.1rem;border-radius:5px}.containerPokedex{max-width:1300px;margin:0 auto}.containerPokedex .head{display:flex;justify-content:space-between;align-items:center;padding:1rem}.containerPokedex .head h1{font-size:2.5rem;color:#fff}.containerPokedex .search{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px}.containerPokedex .search .searchPokemon{padding:.8rem 5rem;margin:1.2rem;border:none;border-bottom:1px solid #fff;width:100%;box-sizing:border-box;transition:border-bottom .3s ease}.containerPokedex .search .searchPokemon::placeholder{color:#fff;opacity:.5}.containerPokedex .search .searchPokemon:focus{border-bottom:10px solid #fff;outline:none}.containerPokedex .search .suggestions{position:absolute;top:60%;left:0;right:0;margin:30px 50px;opacity:.5;padding:0;list-style:none;max-width:350px;border-radius:5px;background-color:#fff;box-shadow:0 4px 6px #070707e6;max-height:250px;overflow-y:hidden;z-index:1000}.containerPokedex .search .suggestions li{padding:10px;cursor:pointer;font-size:1.2rem;font-weight:700;border-bottom:1px solid #4a3e3e;color:#333}.containerPokedex .search .suggestions li:hover{background-color:#ea0f0f}.containerPokedex .search .searchButton{border:1px solid #fff;border-radius:40px;background-color:red;color:#fff;padding:.1rem 2rem;cursor:pointer;margin-left:10px}.containerPokedex .search .searchButton img{width:30px;height:30px}.containerPokedex .showMore{width:200px;text-align:center;margin:20px auto;background-color:red;padding:.5rem 2rem;border-radius:5px;cursor:pointer;font-size:1.2rem;color:#fff}.containerPokedex .pokemonContainer{display:flex;flex-direction:column}.containerPokedex .pokemonContainer .pokedexGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:20px;padding:20px;justify-content:center;align-items:center}.containerPokedex .pokemonContainer .pokemonCart{position:relative;background-color:#161616;border-radius:5px;padding:1rem;cursor:pointer;transition:transform .3s;display:flex;flex-direction:column;align-items:center}.containerPokedex .pokemonContainer .pokemonCart:hover{transform:translateY(-10px)}.containerPokedex .pokemonContainer .pokemonCart img{width:200px;height:200px}.containerPokedex .pokemonContainer .pokemonCart h3{font-size:1.5rem;font-weight:700;margin-top:10px}.containerPokedex .pokemonContainer .pokemonCart .pokemonType{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:10px}.containerPokedex .pokemonContainer .pokemonCart .pokemonType .type{padding:.5rem;margin:.5rem;border-radius:5px;width:100px;text-align:center;font-size:1.2rem}.containerPokedex .pokemonContainer .pokemonCart .pokemonId{margin-top:10px}.modalPokemon{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;cursor:pointer}.modalPokemon .pokemonCenter{position:relative;min-width:500px;height:fit-content;background-color:#161616;border-radius:5px;display:flex;flex-direction:column;align-items:center}.modalPokemon .pokemonCenter svg{width:100%}.modalPokemon .pokemonCenter .hp{position:absolute;right:0;top:0;display:flex;background:#fff;padding:5px 10px;border-radius:10px;align-items:center;justify-content:center;color:#000;margin:20px}.modalPokemon .pokemonCenter .hp .nameHp{font-size:1rem;font-weight:700}.modalPokemon .pokemonCenter .hp .valueHp{font-size:1.5rem;font-weight:700}.modalPokemon .pokemonCenter .hp p{margin-right:10px}.modalPokemon .pokemonCenter .pokemonCenterCard{display:flex;flex-direction:column;align-items:center;border-radius:5px;padding:1rem;margin-bottom:1rem}.modalPokemon .pokemonCenter .pokemonCenterCard .name{font-size:1rem;font-weight:700;margin-top:10px}.modalPokemon .pokemonCenter .pokemonCenterCard .name span{font-size:1.3rem;font-weight:bolder;opacity:.5}.modalPokemon .pokemonCenter .pokemonCenterCard .navigation-version{display:flex;border-radius:5px}.modalPokemon .pokemonCenter .pokemonCenterCard .navigation-version .navigation-button{margin:0 auto;cursor:pointer}.modalPokemon .pokemonCenter .pokemonCenterCard .navigation-version .navigation-button .arrow{width:10px;height:10px;background-color:#fff;border-radius:50%;margin:5px}.modalPokemon .pokemonCenter .pokemonCenterCard .navigation-version .navigation-button .arrow.active{background-color:red}.modalPokemon .pokemonCenter .pokemonCenterCard .pokemonType{display:flex;justify-content:center;align-items:center;margin-top:10px;gap:10px}.modalPokemon .pokemonCenter .pokemonCenterCard .pokemonType .type{padding:.5rem;margin:.5rem;border-radius:5px;width:100px;text-align:center;font-size:1.2rem}.modalPokemon .pokemonCenter .pokemonCenterCard img{width:200px;height:200px}.modalPokemon .pokemonCenter .pokemonCenterCard h3{font-size:1.5rem;font-weight:700;margin-top:10px}.modalPokemon .pokemonCenter .stats{width:100%;display:flex;justify-content:space-around;align-items:center;text-align:center;margin:20px}.modalPokemon .pokemonCenter .stats p{font-size:1.5rem;font-weight:700}.modalPokemon .pokemonCenter .stats h4{font-size:1.2rem;font-weight:700;color:#fff;opacity:.5}.modalPokemon .pokemonCenter .FichePokemon{width:200px;text-align:center;margin:20px auto;background-color:red;padding:.5rem 2rem;border-radius:5px;cursor:pointer;font-size:1.2rem;color:#fff}@media screen and (max-width: 768px){.containerPokedex .head{flex-direction:column}.containerPokedex .head h1{font-size:1.9rem;position:relative}.containerPokedex .head h1:after{content:"";display:block;position:absolute;width:100%;height:15px;bottom:0;opacity:.7;background-color:red;z-index:-1}.containerPokedex .pokemonContainer .pokedexGrid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.containerPokedex .pokemonContainer .pokemonCart img{width:150px;height:150px}.containerPokedex .pokemonContainer .pokemonCart h3{font-size:1.2rem}.containerPokedex .pokemonContainer .pokemonCart .pokemonType{gap:5px;margin-top:5px;flex-direction:column}.containerPokedex .pokemonContainer .pokemonCart .pokemonType .type{font-size:1rem}.modalPokemon .pokemonCenter{min-width:150px}.modalPokemon .pokemonCenter .pokemonCenterCard .pokemonType{flex-direction:column}.modalPokemon .pokemonCenter .pokemonCenterCard .name{font-size:.8rem}.modalPokemon .pokemonCenter .pokemonCenterCard .name span{font-size:1rem}.modalPokemon .pokemonCenter .pokemonCenterCard img{width:150px;height:150px}.modalPokemon .pokemonCenter .pokemonCenterCard h3,.modalPokemon .pokemonCenter .stats p{font-size:1rem}.modalPokemon .pokemonCenter .stats h4{font-size:.8rem}}button{margin-top:10px}button:hover{cursor:pointer}@media screen and (max-width: 600px){.list_container{display:flex;flex-direction:row;width:fit-content;flex-wrap:wrap;justify-content:center;align-items:self-start;margin:0 auto}}.pokemon_container{display:flex;flex-wrap:nowrap;justify-content:center;border-radius:10px;max-width:1000px;margin:0 auto;padding:20px 0}@media screen and (max-width: 1050px){.pokemon_container{margin:0 5%}}@media screen and (max-width: 830px){.pokemon_container{flex-direction:column;align-items:center;gap:1rem}}.pokemon_container_card{margin:0 10px 0 0;min-width:200px;width:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;padding:15px;transition:all .3s ease-in-out;background:#161616}.pokemon_container_card .pokemon_name{font-size:22px;font-weight:700;margin-top:10px;display:inline-flex;align-items:center;gap:5px}.pokemon_container_card .pokemon_image{width:120px;height:120px;padding:5px;background:#161616}.pokemon_container_information{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center;padding:20px;background:#161616;border-radius:10px}@media screen and (max-width: 930px){.pokemon_container_information{flex-direction:column;align-items:center;gap:1rem}}.pokemon_container_information_description{margin-bottom:20px}@media screen and (max-width: 550px){.pokemon_container_information_description{font-size:1rem;width:100%}}.pokemon_container_information_list{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 550px){.pokemon_container_information_list{display:flex;flex-direction:column;width:fit-content;flex-wrap:wrap;justify-content:center;margin:0 auto}}.pokemon_container_information_list_item{margin:5px;padding:10px;border:1px solid #2f2d2d;border-radius:5px;transition:background .3s ease}.pokemon_container_information_list_item:hover{background:#000}.pokemon_container_information_ability{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.pokemon_container_information_ability_title{font-size:20px;font-weight:700;color:red}.pokemon_container_information_ability_list{display:inline-grid;grid-template-columns:repeat(4,1fr)}.pokemon_container_information_ability_list-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}@media screen and (max-width: 550px){.pokemon_container_information_ability_list{display:flex;flex-direction:column;width:fit-content;flex-wrap:wrap;justify-content:center}}.pokemon_container_information_ability_list_item{margin:5px;padding:10px;border:1px solid #2f2d2d;border-radius:5px;transition:background .3s ease}.pokemon_container_information_ability_list_item:hover{background:#000}.pokemon_container_information_ability_list_type{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}@media screen and (max-width: 400px){.pokemon_container_information_ability_list_type{grid-template-columns:repeat(1,1fr)}}.pokemon_container_information_ability_list_type_item{padding:10px;border:1px solid #161616;border-radius:5px;box-shadow:0 2px 4px #0000001a;transition:background .3s ease}.pokemon_container_information_ability_list_type_item:hover{background:#000}.pokemon_container_information_stats{display:flex;flex-direction:column;justify-content:center;align-items:center}.pokemon_container_information_stats_list{display:inline-grid;grid-template-columns:repeat(6,1fr)}@media screen and (max-width: 600px){.pokemon_container_information_stats_list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 550px){.pokemon_container_information_stats_list{display:flex;flex-direction:column;width:fit-content;flex-wrap:wrap;justify-content:center}}.pokemon_container_information_stats_list_item{margin:5px;padding:10px;border:1px solid #2f2d2d;border-radius:5px;box-shadow:0 2px 4px #0000001a;transition:background .3s ease}.pokemon_container_information_stats_list_item:hover{background:#000}.pokemon_container_chart{width:40%}@media screen and (max-width: 550px){.pokemon_container_chart{width:75%}}.pokemon_container_types{display:flex;flex-wrap:nowrap;padding:20px;border-radius:10px;background-color:#161616;flex-direction:row;align-items:center;justify-content:space-evenly;max-width:1000px;margin:0 auto}@media screen and (max-width: 1050px){.pokemon_container_types{margin:0 5%}}@media screen and (max-width: 768px){.pokemon_container_types{flex-direction:column}}.pokemon_container_types .pokemon_container_title,.pokemon_container_types .stat_list{border-radius:5px;padding:10px;height:30vh;text-align:center}.pokemon_container_types .stat_list{align-items:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center}.pokemon_container_types .stat_list .pokemon_container_stats{display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 768px){.pokemon_container_chart{width:100%}}.evolution_line{display:flex;flex-wrap:nowrap;padding:20px;border-radius:10px;background-color:#161616;flex-direction:column;align-items:center}.evolution_line-arrow{font-size:2rem;margin:0 5px}@media screen and (max-width: 768px){.evolution_line-arrow{transform:rotate(90deg)}}.evolution_line_container{display:flex;flex-wrap:nowrap;padding:20px;border-radius:10px;flex-direction:row;align-items:center;max-width:1000px;margin:0 auto}@media screen and (max-width: 768px){.evolution_line_container{flex-direction:column}}.evolution_line_container_item{display:flex;flex-direction:column;gap:1rem}.evolution_line_container_item_image{width:100%;padding:5px}.evolution_line_container_item_name{font-weight:700;width:fit-content;margin:0 auto}.evolution_types{display:flex;flex-direction:column;align-items:center}.audio-player{display:flex;align-items:center;background-color:#161616;border:2px solid #2f2d2d;border-radius:10px;padding:10px;gap:10px}button{background-color:#2f2d2d;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2f2d2d;height:5px;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background-color:#fff;border-radius:50%;cursor:pointer}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html{font-size:16px}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#000,#241e2b);color:#fff}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.2rem;font-weight:700}h5{font-size:1rem;font-weight:700}h6{font-size:.8rem;font-weight:700}em{font-style:italic}