.main{width:100%;min-width:37.5rem}.container-section{width:100%;min-width:37.5rem;padding:30px 50px;margin:0;display:flex;flex-direction:row;justify-content:center;background-color:#f7f7f7;position:relative}.container-filter{width:25%;height:100%;display:flex;flex-direction:column;justify-content:baseline;align-items:center;gap:30px;padding-top:30px}.container-filter.mobile{display:none;visibility:hidden;opacity:0}.spinners{padding:100px;margin:auto}.container-title{width:100%;padding:30px 10px}.container-pokemons{width:80%;height:100%;display:flex;flex-wrap:wrap;align-items:center;border-left:2px solid #f0f0f0;padding-left:50px}.container-pokemons-card{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:20px 0;gap:40px}li{list-style:none}@media (max-width: 1000px){.container-section{display:flex;flex-direction:column;justify-content:center}.container-filter.desktop{display:none;visibility:hidden;opacity:0}.container-filter.mobile{display:block;visibility:visible;opacity:1;width:100%;display:flex;justify-content:center;align-items:center}.container-pokemons{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none}.container-pokemons-card{display:flex;align-items:center;justify-content:center}}@media (max-width: 500px){.container-pokemons{padding-left:0}}.container-header{width:100%;max-width:100%;height:706px;background-color:#c20001;background-position:center;display:flex;align-items:center;gap:50px;flex-direction:column;transition:all .3s;overflow:hidden;box-sizing:border-box}.container-header.bg-red{background-image:url(/assets/bg-red-3ec841ed.svg)}.container-header.bg-blue{background-image:url(/assets/bg-blue-ea882af0.svg)}.image-pokeball{width:100%;overflow:hidden;box-sizing:border-box;clip:rect(10rem)}.pokeball{position:absolute;top:46rem;z-index:10}@media (max-width: 400px){.header-container{display:flex;flex-direction:column}}.logo{width:156.82px;height:57.09px;top:84.09px;left:113.18px}.navbar-container{width:100%;height:112px;padding:4rem 7rem;transition:all .3s}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.codeboost{color:#fff;font-size:13px;font-family:Inter,sans-serif;font-weight:400;word-wrap:break-word}.boost{color:#fff;font-size:13px;font-family:Inter,sans-serif;font-weight:700;word-wrap:break-word}@media (max-width: 570px){.navbar-container{padding:4rem}.codeboost{display:none;opacity:0}}.heading{width:100%;min-width:32.7rem;height:176px;top:13.3rem;left:343px;color:#fff;display:flex;flex-direction:column;gap:30px}.tag-head{margin:0 auto;padding:5px;width:121px;height:34px;border-radius:244px;display:flex;align-items:center;justify-content:space-evenly;background-color:#fff;border:none;cursor:pointer}.bag-red{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:24.32px;letter-spacing:8%}.text-pokedex{font-family:Inter,sans-serif;font-weight:600;font-size:15px;line-height:22.5px;color:#c20001}.title-text{font-family:Montserrat,sans-serif;font-weight:700;font-size:64px;line-height:58.51px;letter-spacing:-1%;text-align:center;margin:5px;margin-bottom:2.4rem}.subtitle{font-family:Inter;font-weight:500;font-size:18px;line-height:27px;text-align:center}@media (max-width: 500px){.heading{display:flex;justify-content:center;padding-top:8rem}.title-container{display:flex;justify-content:center}.title-text{min-width:32.7rem;text-align:center;margin-bottom:2.4rem;font-size:4.8rem}}.footer-container{width:100%;height:189px;background-color:#3f5db3;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;padding:0 120px}.footer-text h2{font-family:Inter,sans-serif;font-weight:700;font-size:18px;line-height:32.4px}.footer-text p{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:25.2px}.footer-logo{width:171px}@media (max-width: 600px){.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.footer-text h2{text-align:center}.footer-text p{text-align:center;width:30rem}}.card-pokemon{position:relative;width:100%;max-width:28rem;height:30.4rem;background-color:#fff;box-shadow:0 10px 51px -5px #b7bdc14d;border-radius:12px;transition:.3s ease-in-out;z-index:1;cursor:pointer}.card-pokemon:hover{transform:scale(1.02);box-shadow:0 12px 40px -5px #5a60644d}.card-pokemon.grass .image:after{background-color:#72b86133}.card-pokemon.bug .image:after{background-color:#9cba4833}.card-pokemon.dark .image:after{background-color:#59576133}.card-pokemon.dragon .image:after{background-color:#2c6ac133}.card-pokemon.eletric .image:after{background-color:#eeda6733}.card-pokemon.fairy .image:after{background-color:#e296e133}.card-pokemon.fighting .image:after{background-color:#c44d6133}.card-pokemon.fire .image:after{background-color:#f66d6d33}.card-pokemon.flying .image:after{background-color:#a6bbe833}.card-pokemon.ghost .image:after{background-color:#616eb733}.card-pokemon.ground .image:after{background-color:#ce805633}.card-pokemon.ice .image:after{background-color:#8bcec133}.card-pokemon.normal .image:after{background-color:#a0a29f33}.card-pokemon.poison .image:after{background-color:#ac6aca33}.card-pokemon.psychic .image:after{background-color:#eb8c8533}.card-pokemon.rock .image:after{background-color:#8bcec133}.card-pokemon.stell .image:after{background-color:#6594a133}.card-pokemon.water .image:after{background-color:#88a3d433}.image{position:relative;width:20rem;height:20rem;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-bottom:1.4rem}.image:after{position:absolute;content:"";width:16.5rem;height:16.5rem;z-index:-1;border-radius:50%}.thumb-img{max-width:14.2rem}.info{width:100%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 2.8rem}.text{width:115px;height:53px}.text span{text-align:left;display:block;margin-bottom:.6rem;font-family:Inter,sans-serif;font-weight:500;font-size:13px;line-height:19.5px;color:#7a7d90}.text h3{text-align:left;width:100%;height:27px;font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:#2f3133}.icon-type{margin-bottom:1rem}@media (max-width: 500){.card-pokemon{min-width:28rem}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;opacity:1;transition:all .3s}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#00000080}.box{position:relative;width:100%;max-width:71rem;height:50.8rem;background-color:#fff;z-index:1;box-shadow:0 10px 40px #0d0c470d;border-radius:16px;display:flex;transform:translateY(4rem);transition:transform .3s ease-in;margin-bottom:7rem}.btn-close{position:fixed;width:3.6rem;height:3.6rem;top:-4.4rem;right:0;border-radius:1.2rem;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:20000;cursor:pointer}.btn-close img{width:1.9rem;height:1.9rem;fill:#4d5053;cursor:pointer}.image-modal{position:relative;width:100%;height:100%;max-width:19.1rem;background-repeat:no-repeat;background-position:center center;background-size:cover}.image-modal:before{content:"";position:absolute;width:100%;height:100%;max-width:19.1rem;background-repeat:no-repeat;background-position:center center;background-size:cover}.image-modal.bug:before{background-image:url(/assets/grass-276385b3.svg)}.image-modal.fire:before{background-image:url(/assets/fire-0f244dd3.svg)}.image-modal.water:before{background-image:url(/assets/water-45e66839.svg)}.image-modal.bug:before{background-image:url(/assets/fighting-3cd24345.svg)}.image-modal.grass:before{background-image:url(/assets/grass-276385b3.svg)}.image-modal.poison:before{background-image:url(/assets/poison-acbbf7ca.svg)}.image-modal.dark:before{background-image:url(/assets/dark-311a5b2e.svg)}.image-modal.dragon:before{background-image:url(/assets/dragon-c02bf028.svg)}.image-modal.electric:before{background-image:url(/assets/electric-67d6db52.svg)}.image-modal.fairy:before{background-image:url(/assets/fairy-54ba4a4b.svg)}.image-modal.fighting:before{background-image:url(/assets/fighting-3cd24345.svg)}.image-modal.ground:before{background-image:url(/assets/ground-f27439d0.svg)}.image-modal.ice:before{background-image:url(/assets/ice-f5330d93.svg)}.image-modal.normal:before{background-image:url(/assets/normal-9883bbb4.svg)}.image-modal.psychic:before{background-image:url(/assets/psychic-97ddc66e.svg)}.image-modal.rock:before{background-image:url(/assets/rock-4e32849c.svg)}.image-modal.ghost:before{background-image:url(/assets/ghost-d3a56e6e.svg)}.image-modal.steel:before{background-image:url(/assets/steel-13e74be4.svg)}.image-modal.flying:before{background-image:url(/assets/flying-3bcd1694.svg)}.image-modal .icon{position:absolute;top:2rem;right:2rem;width:3.4rem;height:3.4rem;flex-shrink:0;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.image-modal .pokemon-image{position:absolute;top:15.7rem;left:1.4rem;width:20.2rem;flex-shrink:0}.image-modal .pokemon-image img{width:100%}.info-modal{padding:3.5rem 7.2rem 2.9rem 7.4rem;width:100%}.info-modal .name{display:flex;align-items:flex-end;margin-bottom:1rem;font-family:Montserrat,sans-serif}.info-modal .name h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:2.8rem;line-height:3.4rem;letter-spacing:-.01em;color:#2f3133}.info-modal .name span{font-family:Montserrat,sans-serif;font-size:1.6rem;line-height:2rem;letter-spacing:-.01em;color:#7a7d80;position:relative;top:-3px;margin-left:8px}.type{display:flex;align-items:center;flex-wrap:wrap;width:100%;margin-bottom:3.2rem}.type li:not(:first-child){margin-left:1rem}.tag-type{display:inline-block;padding:0 2.5rem;line-height:2.4rem;border-radius:2px;font-weight:600;font-size:1.3rem;letter-spacing:-.01em;font-family:Monterrat,sans-serif}.tag-type.bug{color:var(--type-bug);background-color:#9cba481a}.tag-type.dark{color:var(--type-dark);background-color:#5957611a}.tag-type.dragon{color:var(--type-dragon);background-color:#2c6ac11a}.tag-type.electric{color:var(--type-electric);background-color:#d4bc341a}.tag-type.fairy{color:var(--type-fairy);background-color:#e296e11a}.tag-type.fighting{color:var(--type-fighting);background-color:#c44d611a}.tag-type.ground{color:var(--type-ground);background-color:#ce80561a}.tag-type.ice{color:var(--type-ice);background-color:#71baab1a}.tag-type.normal{color:var(--type-normal);background-color:#9090901a}.tag-type.poison{color:var(--type-poison);background-color:#ac6aca1a}.tag-type.psychic{color:var(--type-psychic);background-color:#eb8c851a}.tag-type.rock{color:var(--type-rock);background-color:#84beb31a}.tag-type.ghost{color:var(--type-ghost);background-color:#616eb71a}.tag-type.grass{color:var(--type-grass);background-color:#72b8611a}.tag-type.steel{color:var(--type-steel);background-color:#6594a11a}.tag-type.water{color:var(--type-water);background-color:#4f78be1a}.tag-type.fire{color:var(--type-fire);background-color:#e963031a}.tag-type.flying{color:var(--type-flying);background-color:#758cbd1a}.about{display:flex;align-items:flex-start;margin-bottom:1.5rem;font-family:Montserrat,sans-serif}.about li:not(:first-child){margin-left:4.8rem}.about li span{display:block;font-size:1.3rem;line-height:1.6rem;letter-spacing:-.01em;color:#7a7d80;margin-bottom:.4rem}.about li strong{font-weight:600;font-size:1.4rem;line-height:1.7rem;letter-spacing:-.01em;color:#2f3133}.weak{margin-top:1.5rem}.weak h4{font-family:Inter,sans-serif;font-weight:600;font-size:1.3rem;line-height:normal;letter-spacing:-.13px;color:#4d5053;margin-bottom:1rem}.weak ul{display:flex;align-items:center;width:100%;flex-wrap:wrap}.weak ul li{margin-bottom:1rem}.weak ul li:not(:last-child){margin-right:1rem}.stats{margin-top:1.5rem}.stats h5{font-family:Inter,sans-serif;font-weight:600;font-size:1.3rem;line-height:normal;letter-spacing:-.13px;color:#4d5053;margin-bottom:1.6rem}.stats .all .item{display:flex;align-items:center;justify-content:space-between}.stats .all .item:not(:last-child){margin-bottom:1.3rem}.stats .all .item span{display:block;font-size:1.2rem;line-height:1.5rem;color:#7a7d80;width:6.8rem}.stats .all .item .bar-status{position:relative;width:100%;max-width:28.3rem;height:3px;background-color:#eff3f6}.stats .all .item .bar-status .bar{position:absolute;top:0;left:0;width:56%;height:100%;z-index:0;background-color:#c20001}.stats .all .item .bar-status .separator{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%}.stats .all .item .bar-status .separator li{width:.4rem;height:.3rem;background-color:#fff}.stats .all .item .bar-status .separator li:not(:first-child){margin-left:5.4rem}@media (max-width: 750px){.modal-container{top:2rem}.box{position:relative;max-width:32.8rem;max-height:100%;display:flex;flex-direction:column;height:auto}.btn-close{position:absolute}.image-modal{position:relative;top:0;left:0;width:32.8rem;height:10.8rem;flex-shrink:0;background-image:none}.image-modal:before{content:"";position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center center;top:-11rem;left:10.99rem;width:10.8rem;height:32.8rem;transform:rotate(-90deg);border-radius:0 16px 16px 0}.image-modal .pokemon-image{position:absolute;top:3rem;left:10.9rem;width:10.9rem;flex-shrink:0}.image-modal .icon{top:1.8rem;right:-11.7rem}.info-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 3rem 2.9rem}.type{display:flex;align-items:center;justify-content:center}.about{display:flex;flex-wrap:wrap}.weak{display:flex;flex-direction:column;align-items:center;justify-content:center}.weak .waek-area{display:flex;align-items:center;justify-content:center}.stats{display:flex;flex-direction:column;align-items:center;justify-content:center}.stats .all{width:25rem;display:flex;flex-direction:column}.stats .all .item{display:flex;align-items:center;justify-content:space-between}.stats .all .item:not(:last-child){margin-bottom:1.3rem}.stats .all .item span{display:block;font-size:1.2rem;line-height:1.5rem;color:#7a7d80;width:3.8rem}.stats .all .item .bar-status{position:relative;width:100%;max-width:19.4rem;height:3px;background-color:#eff3f6}.stats .all .item .bar-status .bar{position:absolute;top:0;left:0;width:56%;height:100%;z-index:0;background-color:#c20001}.stats .all .item .bar-status .separator{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%}.stats .all .item .bar-status .separator li{width:.4rem;height:.3rem;background-color:#fff}.stats .all .item .bar-status .separator li:not(:first-child){margin-left:3.4rem}}.container-search{margin:0 auto;padding-top:150px;position:relative;width:100%;height:280px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:18rem 5rem 10rem;background-color:#d4d4d4}.container-search label{font-family:Montserrat,sans-serif;font-weight:700;font-size:3.2rem;line-height:39.01px;letter-spacing:-1%;color:#2f3133;width:300px;text-align:center}.container-input{position:relative;min-width:32.7rem;margin:0 auto}.container-input input{width:80%;height:56px;border-radius:12.2rem}.container-input input[type=search]{padding-left:5rem;width:80%;font-size:1.5rem;line-height:150%;color:#a0afba}.container-input button{position:absolute;width:42px;height:42px;background-color:#9eb9e11a;top:7px;left:7px;border-radius:50%;border:1px solid transparent;transition:border-color .3s;display:flex;align-items:center;justify-content:center;cursor:pointer}.container-input button:hover{border-color:#3e75c3}@media (max-width: 700px){.container-search{min-width:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.container-search label{font-size:2.5rem;width:35rem}.container-input{width:100%;margin:0 auto;display:flex;justify-content:center}.container-input input{width:100%;min-width:32.7rem}}.container-types{display:flex;flex-direction:column;justify-content:center;align-items:center;top:10px;width:60px;height:23px}.container-types button{width:100px;text-align:left;font-family:Inter,sans-serif;font-weight:600;font-size:15px;line-height:22.5px;color:#acb9c1;outline:none;background-color:transparent;border:none;display:flex;gap:25px;cursor:pointer}.container-types button:active{color:#3e75c3}.container-types button img{width:16px}@media (max-width: 1000px){.container-types.desktop{display:none;visibility:hidden;opacity:0}}.container-title{width:100%;height:10rem;display:flex;align-items:center;padding:2rem;gap:2rem;justify-content:start}.container-title img{width:100%;max-width:2rem}.cards-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;line-height:27px;color:#4d5053}.result{color:#7a7d80;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}.result span{color:#7a7d80;font-family:Inter,sans-serif;font-size:1.4rem;font-style:normal;font-weight:600;line-height:150%}@media (max-width: 450px){.container-title{display:flex;justify-content:center}}.btn-loadmore-container{width:100%;height:50px;margin:50px 0;display:flex;justify-content:center;align-items:center}.btn-loadmore{width:100%;max-width:200px;height:45px;border:none;border-radius:6px;padding:14px 20px;gap:10px;background-color:#3f5eb31a;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-break:17.07px;letter-spacing:-1%;color:#3f5db3}.btn-loadmore:disabled{background-color:#88888840;color:#00000081;cursor:not-allowed}@media (max-width: 1000px){.select-container{position:relative;display:block;width:32.7rem;height:5.6rem}.select-container label{top:2.05rem;left:2.1rem;position:absolute;width:4.5rem;height:1.19rem;opacity:.6;color:#7a7d80;font-family:Inter,sans-serif;font-size:1.3rem}.select-container select{box-sizing:border-box;padding:0 6.2rem;width:32.7rem;height:5.6rem;border-radius:12.2rem;font-family:Inter,sans-serif;font-size:1.3rem;color:#7a7d80;background-color:#fff;outline:1px solid #7a7d80}}:root{--type-bug: #9BBA48;--type-dark: #595761;--type-dragon: #2C6AC1;--type-electric: #D4BC34;--type-fairy: #E296E1;--type-fighting: #C44D61;--type-ground: #CE8056;--type-ice: #71BAAC;--type-normal: #909090;--type-poison: #AC6ACA;--type-psychic: #EB8B85;--type-rock: #84BEB3;--type-ghost: #616EB7;--type-grass: #73B861;--type-steel: #6594A1;--type-water: #4F77BE;--type-fire: #E96303;--type-flying: #758CBD;--blue-primary: #3F5DB3}*{padding:0;margin:0;box-sizing:border-box;border:none}html{font-size:62.5%}