.tags{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.tags .tag{margin-bottom:.5rem}.tags .tag:not(:last-child){margin-right:.5rem}.tags:last-child{margin-bottom:-.5rem}.tags:not(:last-child){margin-bottom:1rem}.tags.are-medium .tag:not(.is-normal):not(.is-large){font-size:1rem}.tags.are-large .tag:not(.is-normal):not(.is-medium){font-size:1.25rem}.tags.is-centered{justify-content:center}.tags.is-centered .tag{margin-right:.25rem;margin-left:.25rem}.tags.is-right{justify-content:flex-end}.tags.is-right .tag:not(:first-child){margin-left:.5rem}.tags.is-right .tag:not(:last-child){margin-right:0}.tags.has-addons .tag{margin-right:0}.tags.has-addons .tag:not(:first-child){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.tags.has-addons .tag:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.tag:not(body){align-items:center;background-color:#f5f5f5;border-radius:4px;color:#4a4a4a;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;padding-left:.75em;padding-right:.75em;white-space:nowrap}.tag:not(body) .delete{margin-left:.25rem;margin-right:-.375rem}.tag:not(body).is-white{background-color:#fff;color:#0a0a0a}.tag:not(body).is-black{background-color:#0a0a0a;color:#fff}.tag:not(body).is-light{background-color:#f5f5f5;color:#000000b3}.tag:not(body).is-dark{background-color:#363636;color:#fff}.tag:not(body).is-primary{background-color:#00d1b2;color:#fff}.tag:not(body).is-primary.is-light{background-color:#ebfffc;color:#00947e}.tag:not(body).is-link{background-color:#485fc7;color:#fff}.tag:not(body).is-link.is-light{background-color:#eff1fa;color:#3850b7}.tag:not(body).is-info{background-color:#3e8ed0;color:#fff}.tag:not(body).is-info.is-light{background-color:#eff5fb;color:#296fa8}.tag:not(body).is-success{background-color:#48c78e;color:#fff}.tag:not(body).is-success.is-light{background-color:#effaf5;color:#257953}.tag:not(body).is-warning{background-color:#ffe08a;color:#000000b3}.tag:not(body).is-warning.is-light{background-color:#fffaeb;color:#946c00}.tag:not(body).is-danger{background-color:#f14668;color:#fff}.tag:not(body).is-danger.is-light{background-color:#feecf0;color:#cc0f35}.tag:not(body).is-normal{font-size:.75rem}.tag:not(body).is-medium{font-size:1rem}.tag:not(body).is-large{font-size:1.25rem}.tag:not(body) .icon:first-child:not(:last-child){margin-left:-.375em;margin-right:.1875em}.tag:not(body) .icon:last-child:not(:first-child){margin-left:.1875em;margin-right:-.375em}.tag:not(body) .icon:first-child:last-child{margin-left:-.375em;margin-right:-.375em}.tag:not(body).is-delete{margin-left:1px;padding:0;position:relative;width:2em}.tag:not(body).is-delete:before,.tag:not(body).is-delete:after{background-color:currentColor;content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}.tag:not(body).is-delete:before{height:1px;width:50%}.tag:not(body).is-delete:after{height:50%;width:1px}.tag:not(body).is-delete:hover,.tag:not(body).is-delete:focus{background-color:#e8e8e8}.tag:not(body).is-delete:active{background-color:#dbdbdb}.tag:not(body).is-rounded{border-radius:9999px}a.tag:hover{text-decoration:underline}.list__row{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column;background-color:#404040;box-shadow:inset 0 0 4rem .5rem #a29d9b14;border:1px solid rgba(151,151,151,.25);border-left:none;border-right:none}.list__row,.list__row *{transition:.5s all}.list__row__contents{display:flex;justify-content:space-between;height:100%;padding:0 1rem}.list__row__contents .poke-info{display:flex;flex-direction:column;flex:1 50%;padding:.2em 0;color:#fffaf0;font-family:var(--rubik);text-align:left;text-transform:capitalize}.list__row__contents .poke-info__top{display:flex;flex:0 1 auto;gap:.65em}.list__row__contents .poke-info__top span.name{font-size:2.25em}.list__row__contents .poke-info__top span.id{padding-top:.5em;font-family:var(--inter);font-style:italic;opacity:.75;color:#ddd3bf}.list__row__contents .poke-info__bottom{display:flex;flex:1 0 auto;align-items:flex-end}.list__row__contents .poke-info__bottom>span.types{display:flex;margin-bottom:.25em;gap:.5em}.list__row__contents .poke-info__bottom>span.types .type{display:inline-flex;justify-content:center;align-items:center;height:1.85em;margin:0;font-size:1.25em;font-family:var(--rubik);font-weight:700;border:1px dotted;border-radius:2rem}.list__row__contents .poke-info__bottom>span.types .type.grass{color:#e7e7e7;background-color:#00a300;border-color:#00a30080;box-shadow:inset 0 0 10px 2px #009400}.list__row__contents .poke-info__bottom>span.types .type.poison{color:#e7e7e7;background-color:#1a591a;border-color:#1a591a80;box-shadow:inset 0 0 10px 2px #174d17}.list__row__contents .poke-info__bottom>span.types .type.fire{color:#e7e7e7;background-color:red;border-color:#ff000080;box-shadow:inset 0 0 10px 2px #f00000}.list__row__contents .poke-info__bottom>span.types .type.water{color:#e7e7e7;background-color:#0098d4;border-color:#0098d480;box-shadow:inset 0 0 10px 2px #008dc5}.list__row__contents .poke-info__bottom>span.types .type.electric{color:#232323;background-color:#ff0;border-color:#ffff0080;box-shadow:inset 0 0 10px 2px #f0f000}.list__row__contents .poke-info__bottom>span.types .type.ground{color:#e7e7e7;background-color:#836539;border-color:#83653980;box-shadow:inset 0 0 10px 2px #785d34}.list__row__contents .poke-info__bottom>span.types .type.flying{color:#232323;background-color:#f8f6e6;border-color:#f8f6e680;box-shadow:inset 0 0 10px 2px #f5f2da}.list__row__contents .poke-info__bottom>span.types .type.normal{color:#232323;background-color:#e7e7e7;border-color:#e7e7e780;box-shadow:inset 0 0 10px 2px #dfdfdf}.list__row__contents .poke-info__bottom>span.types .type.fighting{color:#e7e7e7;background-color:brown;border-color:#a52a2a80;box-shadow:inset 0 0 10px 2px #992727}.list__row__contents .poke-info__bottom>span.types .type.bug{color:#232323;background-color:#9adc00;border-color:#9adc0080;box-shadow:inset 0 0 10px 2px #8fcd00}.list__row__contents .poke-info__bottom>span.types .type.ice{color:#232323;background-color:#afe3d6;border-color:#afe3d680;box-shadow:inset 0 0 10px 2px #a4dfd0}.list__row__contents .poke-info__bottom>span.types .type.rock{color:#e7e7e7;background-color:#2e2f31;border-color:#2e2f3180;box-shadow:inset 0 0 10px 2px #272729}.list__row__contents .poke-info__bottom>span.types .type.dark{color:#e7e7e7;background-color:#353f51;border-color:#353f5180;box-shadow:inset 0 0 10px 2px #2f3848}.list__row__contents .poke-info__bottom>span.types .type.psychic{color:#e7e7e7;background-color:purple;border-color:#80008080;box-shadow:inset 0 0 10px 2px #710071}.list__row__contents .poke-info__bottom>span.types .type.ghost{color:#e7e7e7;background-color:#4a144a;border-color:#4a144a80;box-shadow:inset 0 0 10px 2px #3e113e}.list__row__contents .poke-info__bottom>span.types .type.fairy{color:#232323;background-color:#ffc3c6;border-color:#ffc3c680;box-shadow:inset 0 0 10px 2px #ffb4b7}.list__row__contents .poke-info__bottom>span.types .type.dragon{color:#232323;background-color:#e72;border-color:#ee772280;box-shadow:inset 0 0 10px 2px #ed6e14}.list__row__contents .poke-info__bottom>span.types .type.steel{color:#e7e7e7;background-color:#4b4b4b;border-color:#4b4b4b80;box-shadow:inset 0 0 10px 2px #434343}@media screen and (max-width: 768px){.list__row__contents .poke-info__top span.name{font-size:2.25em}.list__row__contents .poke-info__top span.id{padding-top:.25em;font-family:inherit;font-style:unset;font-size:1.3em}.list__row__contents .poke-info__bottom>span.types{font-size:1em;gap:.5em;margin-bottom:.5em}.list__row__contents .poke-info__bottom>span.types>.type{height:1.85em;margin-bottom:0;padding:0 .8em;font-weight:bolder}}.list__row__contents .poke-image{display:flex;justify-content:flex-end;flex:0 1 20%;max-width:8em;padding:.5em 0;user-select:none}.list__row__contents .poke-image>img:hover{animation:wiggle .5s}.list__row>div.loading-row{display:flex;justify-content:center}.list__row>div.loading-row img.spinner{height:6.5rem;width:fit-content;animation:pokeball-spin .75s infinite cubic-bezier(.4,0,.3,.85)}.list__row:hover{background-color:#313131;border-color:#d6af00;border-top-style:dashed;border-bottom-style:dashed}.list__row:hover .poke-image{margin-right:.5rem;animation:.5s grow}@keyframes wiggle{0%,to{transform:rotate(-5deg)}20%{transform:scale(1.05)}50%{transform:rotate(5deg)}to{transform:scale(1)}}@keyframes grow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pokeball-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}ul.list{position:relative;width:100%;flex-direction:column;align-self:center;overflow:hidden;cursor:crosshair;caret-color:transparent;box-shadow:inset -7px 0 15px 2em #484848}.pokedex{--ar: 1.5;--pd-color: #bf3737;--pd-width: 65rem;--pd-height: min( calc( var( --pd-width ) * var( --ar )), 85vh );--min-width: 360px;--margin-v: math.div( calc( 100vh - var( --pd-height )), 2 );--margin-h: auto;display:flex;flex-direction:column;flex:1 0 auto;width:var(--pd-width);min-width:var(--min-width);max-width:var(--pd-width);max-height:var(--pd-height);margin:var(--margin-v) var(--margin-h);background-color:var(--pd-color);box-shadow:inset 0 2px 15px 3px #000;border-radius:30px;overflow:hidden}@media screen and (max-width: 768px){.pokedex{--pd-width: 100%;--margin-h: 1.5rem}}.pd-body--top{flex:0 1 auto;position:relative}.pd-body--top div.svg-wrapper{box-shadow:inset -5px 0 11px #3d2424}.pd-body--top div.svg-wrapper>svg{width:100%;height:140px;margin:-1rem 0 1rem}.pd-body--top div.svg-wrapper>svg path{transform:scaleX(1.5);fill:none;stroke:#252121;stroke-width:.3rem;filter:drop-shadow(0 4px 3px #333)}.pd-body--top div.lights{position:absolute;display:flex;width:25rem;top:2.5rem;left:3.5rem}.pd-body--top div.lights--big{width:7.5rem;height:7.5rem;border-radius:50%;background-color:#4085a8;box-shadow:inset 0 0 15px 2px #14bde3b3;border:3px solid white}.pd-body--top div.lights--small{display:flex;grid-gap:1rem;max-width:13rem;margin:.3rem 0 0 3rem}.pd-body--top div.lights--small .light{width:2.8rem;height:2.8rem;margin-right:.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);background-color:var(--light-color);box-shadow:0 0 2px 1px var(--light-color)}.pd-body--top div.lights--small .light:nth-child(1){--light-color: red}.pd-body--top div.lights--small .light:nth-child(2){--light-color: yellow}.pd-body--top div.lights--small .light:nth-child(3){--light-color: green}.pd-body--center{flex:0 1 auto;padding:3.5rem 8rem;box-shadow:-5px 0 2px 3px #3c1f1f99}.pd-body--center .pd-screen{border-radius:5px;border:5px solid black;box-shadow:0 0 0 10px #e5e5e5}.pd-body--center .pd-screen>.pd-list-container{flex-direction:column;overflow-y:scroll;box-shadow:0 0 0 1px #fff;border-radius:1px;background:radial-gradient(circle,white 3%,black 3%,#f0f0f0 4%,#f0f0f0 5%,#f0f0f0 10%,#be2b2b 10%,#be2b2b 70%,#3e3e3e 100%)}.pd-body--center .pd-screen>.pd-list-container::-webkit-scrollbar{width:.75rem;background-color:#454545}.pd-body--center .pd-screen>.pd-list-container::-webkit-scrollbar-thumb{min-height:1.5rem;border-radius:8px;background-color:var(--pd-color);box-shadow:inset 0 0 .5rem 0 rgba(var(--pd-color),.15);background-image:linear-gradient(45deg,#00a900 25%,#e1c300 25%,#e1c300 41%,transparent 41%,transparent 58%,#00a900 58%,#00a900 76%,#e1c300 76%,#e1c300 100%)}@media screen and (max-width: 768px){.pd-body--center{padding:3.5rem}.pd-body--center .pd-screen{box-shadow:0 0 0 .75em #e5e5e5}}.pd-body--bottom{display:flex;flex:1;padding:2rem}.catchem{color:inherit;font-size:2rem;font-family:var(--pstp);text-align:center;animation:.5s linear flip-in}.catchem-container{margin:0 0 2vh;color:#eb2121;animation:1s cubic-bezier(.4,0,1,1) unskew;transition:10ms color}@media screen and (max-width: 768px){.catchem{font-size:1.5rem}.catchem-container{display:flex;align-items:flex-end;flex:1;margin-bottom:1vh}}@keyframes flip-in{0%,to{transform:rotateX(0)}50%{transform:rotateX(270deg)}}@keyframes unskew{0%{transform:skew(-20deg);color:green}10%{transform:skew(-65deg)}20%,75%{transform:skew(-70deg);color:#4085a8}85%,to{transform:skew(0);color:#eb2121}}#app{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;height:100vh;font-family:var(--inter);color:var(--root-font-color)}@media screen and (max-width: 768px){#app{flex-direction:column-reverse;justify-content:space-between;padding:1.5rem}}@media screen and (min-width: 1216px){#app{max-width:1408px;margin:auto}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}:root{--root-font-size: 10px;--root-font-color: floralwhite;--root-bg: linear-gradient( 225deg, hsla(185, 41%, 84%, 1) 0%, hsla(0, 83%, 81%, 1) 100% );--inter: "Inter", sans-serif;--raleway: "Raleway", sans-serif;--rubik: "Rubik", sans-serif;--pstp: "Press Start 2P", cursive, sans-serif;font-size:var(--root-font-size);background:var(--root-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#e01818}