@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&display=swap";:root{--header-height: 5rem;--primary-color: hsl(354, 89%, 48%);--body-color: white;--text-color: #fff;--title-color: black;--body-font: "Open Sans", sans-serif;--title-font: "Open Sans", sans-serif;--large-font: 3rem;--big-font: 2rem;--medium-font: 1.5rem;--normal-font: 1rem;--small-font: .8rem;--tiny-font: .75rem;--Weight-tiny: 300;--Weight-normal: 400;--Weight-medium: 600;--Weight-bold: 700;--sp-0-5: .5em;--sp-0-75: .75em;--sp-1: 1em;--sp-1-5: 1.5em;--sp-2: 2em;--sp-2-5: 2.5em;--sp-3: 3em;--sp-5: 5em;--z-fixed: 1;--z-modal: 2}body{background-color:beige}.principal,.home{width:100%;min-width:inherit;height:100vh}.home__dark{background-color:#353434;color:#fff}.homePage{width:100vw;min-width:inherit;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.homePage__img{width:600px}@media (max-width: 768px){.homePage__img{width:350px}}.homePage__title{font-size:var(--big-font);color:var(--primary-color)}.homePage__text{font-size:var(--medium-font)}.homePage__form{width:300px;height:5em;display:flex;align-items:center;justify-content:center}.homePage__form--input{width:15em;height:2.5em;background-color:var(--body-color);border:none;box-shadow:0 0 10px #0000004d}.homePage__form--btn{width:4em;height:2.5em;color:var(--body-color);background-color:var(--primary-color);border:none;box-shadow:0 0 10px #0000004d;cursor:pointer}.homePage__form--btn:hover{background-color:#e70d23b0}.homePage__footer{position:fixed;width:100vw;min-width:inherit;height:5em;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.homePage__footer--uno{width:100vw;height:2.5em;background-color:var(--primary-color)}.homePage__footer--dos{width:100vw;height:2.5em;background-color:#000}.homePage__footer--img{position:absolute;width:4em}.homePage__footer--tres{position:absolute;display:flex;justify-content:center;align-items:center;width:4em;height:4em;background-color:#fff;border:5px solid black;border-radius:50%}.homePage__footer--tres-1{width:2em;height:2em;background-color:#272626;border:5px solid black;border-radius:50%}.darkMode__homePage{width:100vw;position:absolute}.pokeCard{width:20%;min-width:300px;background-color:#fff;border-radius:1em;border:11px solid black;display:flex;flex-direction:column;gap:.3em;cursor:pointer;transition:transform .1s ease;margin:1em}.pokeCard:hover{transform:scale(1.03)}.pokeCard__header{background-color:gray;position:relative;aspect-ratio:2;border-top-left-radius:.3em;border-top-right-radius:.3em}.pokeCard__img{position:absolute;width:60%;left:50%;transform:translate(-50%);top:1.5em}.pokeCard__info{width:100%;padding:3.5em 1em 2em;display:flex;flex-direction:column}.pokeCard__name{text-align:center;color:#416460;font-size:var(--big-font);text-transform:capitalize;margin:.2em}.pokeCard__type{list-style:none;display:flex;justify-content:center;gap:.5em;margin:0}.pokeCard__type--type{text-align:center}.pokeCard__type--name:nth-child(2):before{content:"/";padding-right:.5em}.pokeCard__skills{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));align-items:center;list-style:none;gap:1em}.pokeCard__skills li{display:flex;flex-direction:column;text-align:center}.pokeCard__type--type,.pokeCard__skills--item-1{color:#d3d3d3;font-size:.9em;text-transform:uppercase}.pokeCard__skills--item-2{font-size:1em;font-weight:700}.fire-gradient{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%)}.fire-border{border:11px solid #E35825}.fire-text{color:#e35825}.grass-gradient{background:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%)}.grass-border{border:11px solid #ABDAC6}.grass-text{color:#abdac6}.water-gradient{background:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%)}.water-border{border:11px solid #1479FB}.water-text{color:#1479fb}.bug-gradient{background:linear-gradient(177.56deg,#62DB60 -58.92%,#3BB039 16.57%,#AAFFA8 209.53%)}.bug-border{border:11px solid #3BB039}.bug-text{color:#3bb039}.normal-gradient{background:linear-gradient(181.51deg,#735259 -6.44%,#BC6B7C 121.95%,#7C3F4C 186.11%)}.normal-border{border:11px solid #BC6B7C}.normal-text{color:#bc6b7c}.fighting-gradient{background:linear-gradient(176.83deg,#96402A -8.78%,#F1613C 169.09%,#CB735D 242.33%)}.fighting-border{border:11px solid #F1613C}.fighting-text{color:#f1613c}.poison-gradient{background:linear-gradient(177.03deg,#5B3184 -11.97%,#A564E3 71.28%,#CE9BFF 135.64%)}.poison-border{border:11px solid #A564E3}.poison-text{color:#a564e3}.rock-gradient{background:linear-gradient(177.03deg,#7E7E7E -11.97%,#8D8D94 57.49%,#D3D3D3 135.64%)}.rock-border{border:11px solid #8D8D94}.rock-text{color:#8d8d94}.ice-gradient{background:linear-gradient(177.03deg,#6FBEDF -11.97%,#64CBF5 47.77%,#BDEBFE 136.72%)}.ice-border{border:11px solid #64CBF5}.ice-text{color:#64cbf5}.electric-gradient{background:linear-gradient(179.75deg,#0C1395 -19.96%,#2B319B 43.67%,#7075D9 138.4%)}.electric-border{border:11px solid #2B319B}.electric-text{color:#2b319b}.dragon-gradient{background:linear-gradient(179.75deg,#478A93 -19.96%,#56A4AE 43.67%,#A2BEC1 138.4%)}.dragon-border{border:11px solid #56A4AE}.dragon-text{color:#56a4ae}.dark-gradient{background:linear-gradient(177.03deg,#030706 -11.97%,#0D1211 57.49%,#5A5E5D 135.64%)}.dark-border{border:11px solid #0D1211}.dark-text{color:#0d1211}.ground-gradient{background:linear-gradient(179.75deg,#654008 -19.96%,#895C1A 43.67%,#D69638 138.4%)}.ground-border{border:11px solid #895C1A}.ground-text{color:#895c1a}.ghost-gradient{background:linear-gradient(177.03deg,#323569 -11.97%,#454AA8 57.49%,#787DDA 135.64%)}.ghost-border{border:11px solid #454AA8}.ghost-text{color:#454aa8}.steel-gradient{background:linear-gradient(179.75deg,#5E736C -19.96%,#728881 43.67%,#A8A8A8 138.4%)}.steel-border{border:11px solid #728881}.steel-text{color:#728881}.fairy-gradient{background:linear-gradient(179.75deg,#971B45 -19.96%,#C23867 43.67%,#CD7D98 138.4%)}.fairy-border{border:11px solid #C23867}.fairy-text{color:#c23867}.psychic-gradient{background:linear-gradient(179.75deg,#E62D2D -19.96%,#D13E3E 43.67%,#F07F7F 138.4%)}.psychic-border{border:11px solid #D13E3E}.psychic-text{color:#d13e3e}.pokedex{width:100vw;min-width:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}.pokedex__dark{width:100vw;min-width:inherit;background-color:#353434;background-size:cover;background-position:center center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;color:#fff}.back__btn{width:100vw;position:fixed;top:5.5em;left:.5em}.btnBack{border:none;font-size:3em;background-color:transparent;cursor:pointer;color:#d3d3d3}.pokedex__header{position:fixed;width:100vw;min-width:420px;height:5em;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3em;z-index:1}.pokedex__img{position:absolute;width:300px;top:0;left:0}.pokedex__header--uno{width:100vw;min-width:inherit;height:2.5em;background-color:var(--primary-color)}.pokedex__header--dos{width:100vw;min-width:inherit;height:2.5em;background-color:#000}.pokedex__header--img{position:absolute;width:4em;right:2em}.pokedex__header--tres{position:absolute;display:flex;align-items:center;justify-content:center;bottom:-1em;right:2em;width:4em;height:4em;background-color:#fff;border:5px solid black;border-radius:50%}.pokedex__header--tres-1{width:2em;height:2em;background-color:#272626;border:5px solid black;border-radius:50%}.pokedex__inputSearch{width:30em;min-width:320px;display:flex;flex-direction:column;align-items:center;margin-top:0;gap:2em}.pokedex__text{display:flex;flex-direction:column;align-items:center;justify-content:center}.pokedex__inputSearch--p{font-size:var(--medium-font);color:var(--primary-color);font-weight:700}.pokedex__inputSearch--p2{font-size:var(--normal-font)}.pokedex__search{width:inherit;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em}.pokedex__search--form input,.pokedex__search--form button{height:3em;border:none;box-shadow:0 0 10px #00000069}.pokedex__search--form input{width:15em}.pokedex__search--form button{width:5em;background-color:var(--primary-color);color:var(--body-color);cursor:pointer}.pokedex__search--form button:hover{background-color:#e70d23a8}.selected{display:flex;align-items:center;height:3em}.select{width:12em;height:3em;border:none;font-size:var(--small-font);box-shadow:0 0 10px #00000069;cursor:pointer}.select option{height:10em}.darkMode{margin-top:5em;width:100vw;display:flex;justify-content:end}.l{display:block;margin-bottom:1.5em;font-size:1em}.l{background-color:#000000b3;border-radius:.75em;box-shadow:.125em .125em 0 .125em #0000004d inset;color:#fdea7b;display:inline-flex;align-items:center;margin:auto;padding:.15em;width:3em;height:1.5em;transition:background-color .1s .3s ease-out,box-shadow .1s .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.l:before,.l:after{content:"";display:block}.l:before{background-color:#d7d7d7;border-radius:50%;width:1.2em;height:1.2em;transition:background-color .1s .3s ease-out,transform .3s ease-out;z-index:1}.l:after{background:linear-gradient(transparent 50%,rgba(0,0,0,.15) 0) 0 50% / 50% 100%,repeating-linear-gradient(90deg,#bbb 0,#bbb,#bbb 20%,#999 20%,#999 40%) 0 50% / 50% 100%,radial-gradient(circle at 50% 50%,#888 25%,transparent 26%);background-repeat:no-repeat;border:.25em solid transparent;border-left:.4em solid #d8d8d8;border-right:0 solid transparent;transition:border-left-color .1s .3s ease-out,transform .3s ease-out;transform:translate(-22.5%);transform-origin:25% 50%;width:1.2em;height:1em;box-sizing:border-box}.l:checked{background-color:#00000073;box-shadow:.125em .125em 0 .125em #0000001a inset}.l:checked:before{background-color:currentColor;transform:translate(125%)}.l:checked:after{border-left-color:currentColor;transform:translate(-2.5%) rotateY(180deg)}.l:focus{outline:0}.pokedex__cards{width:100vw;display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:0;padding-top:0}.pokedex_perPage{display:flex;width:35em;min-width:300px;align-items:center;justify-content:center}.pokedex_perPage--title{width:67%}@media (max-width: 600px){.pokedex_perPage--title{width:35%}}.pokedex_perPage--form{display:flex}.pokedex_perPage--input{width:2.5em;border-top-left-radius:.3em;border-bottom-left-radius:.3em;border:none;box-shadow:0 0 10px #0007;margin-left:.5em}.pokedex_perPage--btn{display:flex;align-items:center;justify-content:center;border:none;padding:.5em;box-shadow:0 0 10px #0000006b;background-color:#ff001a;cursor:pointer;color:#fff;border-top-right-radius:.3em;border-bottom-right-radius:.3em}.pokedex_perPage--btn:hover{background-color:#e70d23a8}@media (max-width: 768px){.pokedex__inputSearch{width:23em;margin-left:1em}.pokedex,.pokedex__dark{display:flex;align-items:start;gap:2em}.pokedex__search{width:17em}.pokedex_perPage{display:flex;flex-direction:column}}@media (max-width: 600px){.pokedex__search{width:20em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;margin-right:5em}.pokedex__text{width:300px}.pokedex_perPage{margin-right:5em}}@media (max-width: 360px){.pokedex__dark{width:120%;margin-left:0;padding-left:0}}.pokedexId{width:100vw;min-width:inherit;display:flex;flex-direction:column;align-items:center;gap:4em;padding-bottom:2em}.pokedexId__dark{background-color:#353434;width:100vw;min-width:inherit;display:flex;flex-direction:column;align-items:center;gap:4em;padding-bottom:2em}.pokedexId__card{width:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2em;gap:2em;background-color:#fff;border-radius:.5em;padding:0 3em 3em;border:2px solid lightgray}.podekexId__card--header{width:110%;background-color:gray;position:relative;height:7em;border-top-left-radius:.5em;border-top-right-radius:.5em}.pokedexId__card--img{position:absolute;width:20%;min-width:120px;left:38%;bottom:0}.pokedexId__card--id,.podekexId__card--name{font-size:2.3em;font-style:italic}.pokedexId__card--id{margin-bottom:0}.podekexId__card--name{margin-top:0;text-transform:capitalize}.podekexId__card--measures{margin-top:-1em;list-style:none;display:flex;gap:1.5em;font-size:1em}.podekexId__card--weight{display:flex;flex-direction:column;align-items:center}.podekexId__card--weight1{font-size:.7em}.podekexId__card--weight2{font-weight:700}.podekexId__card--skills{display:flex;flex-direction:column;gap:1em;margin-bottom:3em}.podekexId__card--skills-names{list-style:none;display:flex;justify-content:center;gap:14em;font-weight:700}.podekexId__card--skills-values{list-style:none;display:flex;justify-content:center;gap:1em;flex-wrap:wrap}.podekexId__card--skills-values li{width:8em;height:1.8em;display:flex;align-items:center;justify-content:center;border-radius:.2em;text-transform:capitalize}.podekexId__card-abilities{background-color:#d3d3d3}.podekexId__card-types{color:#fff}.podekexId__card--stats{width:100%;margin-left:5em;display:flex;flex-direction:column;gap:1em}.pokedexId__hr{width:90%}.podekexId__card--stats hr{margin-left:0}.podekexId__card--list{list-style:none;display:flex;flex-direction:column;gap:1em}.podekexId__card--item2{display:flex;gap:2%}.podekexId__card--percentage{position:relative;width:80%;background-color:#fff;border-radius:.3em;overflow:hidden}.podekexId__card--percentage:before{content:"";position:absolute;width:var(--wth);height:100%;background-color:#000;transform:translate(-100%);animation:fill-bar .8s .3s ease-in-out forwards}@keyframes fill-bar{to{transform:translate(0)}}@media (max-width: 768px){.pokedexId__card{width:90%;display:flex;flex-direction:column;gap:1em;margin-top:8em}.podekexId__card--header{width:113%}.pokedexId__card--img{width:160px}.podekexId__card--skills-names{display:flex;gap:4em}.podekexId__card--stats{margin-left:0}}.pokedexId__movs{width:70%;display:flex;flex-direction:column;gap:1em;background-color:#fff;border-radius:.5em;padding:4em;border:2px solid lightgray}.podekexId__movs--list{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:2em}.podekexId__movs--name{width:8em;height:2.4em;display:flex;align-items:center;justify-content:center;border-radius:2.4em;background-color:#d3d3d3;text-transform:capitalize}@media (max-width: 768px){.pokedexId__movs{width:97%;padding:3em}.podekexId__movs--name{font-size:.8em;width:7em}}.fire-percentage:before{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%)}.fire-type{background-color:#f96d6f}.grass-percentage:before{background:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%)}.grass-type{background-color:#7ec6c5}.water-percentage:before{background:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%)}.water-type{background-color:#133258}.bug-percentage:before{background:linear-gradient(177.56deg,#62DB60 -58.92%,#3BB039 16.57%,#AAFFA8 209.53%)}.bug-type{background-color:#62db60}.normal-percentage:before{background:linear-gradient(181.51deg,#735259 -6.44%,#BC6B7C 121.95%,#7C3F4C 186.11%)}.normal-type{background-color:#735259}.fighting-percentage:before{background:linear-gradient(176.83deg,#96402A -8.78%,#F1613C 169.09%,#CB735D 242.33%)}.fighting-type{background-color:#96402a}.poison-percentage:before{background:linear-gradient(177.03deg,#5B3184 -11.97%,#A564E3 71.28%,#CE9BFF 135.64%)}.poison-type{background-color:#5b3184}.rock-percentage:before{background:linear-gradient(177.03deg,#7E7E7E -11.97%,#8D8D94 57.49%,#D3D3D3 135.64%)}.rock-type{background-color:#7e7e7e}.ice-percentage:before{background:linear-gradient(177.03deg,#6FBEDF -11.97%,#64CBF5 47.77%,#BDEBFE 136.72%)}.ice-type{background-color:#6fbedf}.electric-percentage:before{background:linear-gradient(179.75deg,#0C1395 -19.96%,#2B319B 43.67%,#7075D9 138.4%)}.electric-type{background-color:#0c1395}.dragon-percentage:before{background:linear-gradient(179.75deg,#478A93 -19.96%,#56A4AE 43.67%,#A2BEC1 138.4%)}.dragon-type{background-color:#478a93}.dark-percentage:before{background:linear-gradient(177.03deg,#030706 -11.97%,#0D1211 57.49%,#5A5E5D 135.64%)}.dark-type{background-color:#030706}.ground-percentage:before{background:linear-gradient(179.75deg,#654008 -19.96%,#895C1A 43.67%,#D69638 138.4%)}.ground-type{background-color:#654008}.ghost-percentage:before{background:linear-gradient(177.03deg,#323569 -11.97%,#454AA8 57.49%,#787DDA 135.64%)}.ghost-type{background-color:#323569}.steel-percentage:before{background:linear-gradient(179.75deg,#5E736C -19.96%,#728881 43.67%,#A8A8A8 138.4%)}.steel-type{background-color:#5e736c}.fairy-percentage:before{background:linear-gradient(179.75deg,#971B45 -19.96%,#C23867 43.67%,#CD7D98 138.4%)}.fairy-type{background-color:#971b45}.psychic-percentage:before{background:linear-gradient(179.75deg,#E62D2D -19.96%,#D13E3E 43.67%,#F07F7F 138.4%)}.psychic-type{background-color:#e62d2d}.flying-type{background-color:#bdebfe}.pagination{display:flex;align-items:center;justify-content:center;width:350px;height:3em;gap:1em;margin:-2em 2em 2em}.pagination-list{list-style:none;display:flex;gap:1em}.pagination-link{width:2.5em;height:2.5em;background-color:#d3d3d3;display:flex;align-items:center;justify-content:center;border-radius:.5em;cursor:pointer}.pagination-previous,.pagination-next{display:inline-flex;align-items:center;padding:1em;border-radius:.5em;background-color:#d3d3d3;white-space:pre;cursor:pointer}.is-current{background-color:#e14151}.is-disable{pointer-events:none;cursor:not-allowed;color:gray}*{padding:0;box-sizing:border-box}html{font-family:Courier New,Courier,monospace;font-size:16px;overflow-x:hidden}body{width:100vw;height:100vh;min-width:310px}#root{width:100vw;height:100vh;min-width:inherit}::-webkit-scrollbar{width:.6rem;background-color:#bdbdbd}::-webkit-scrollbar-thumb{background-color:#2b2b2b;border-radius:.5rem}