:root{--normal:#babaae;--fighting:#a75543;--flying:#78a2ff;--poison:#a95ca0;--ground:#ec5;--rock:#ccbd72;--bug:#c2d21e;--ghost:#7975d7;--steel:#c4c2db;--fire:#fa5643;--water:#56adff;--grass:#8cd750;--electric:#fde139;--psychic:#a5009d;--ice:#96f1ff;--dragon:#8673ff;--dark:#6b0000;--fairy:#f9aeff}.normal{background:#babaae}.fighting{background:#a75543}.flying{background:#78a2ff}.poison{background:#a95ca0}.ground{background:#ec5}.rock{background:#ccbd72}.bug{background:#c2d21e}.ghost{background:#7975d7}.steel{background:#c4c2db}.fire{background:#fa5643}.water{background:#56adff}.grass{background:#8cd750}.electric{background:#fde139}.psychic{background:#a5009d}.ice{background:#96f1ff}.dragon{background:#8673ff}.dark{background:#6b0000}.fairy{background:#f9aeff}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:61.25em){html{font-size:50%}}@media only screen and (max-width:37.5em){html{font-size:40%}}body{font-family:Ubuntu,sans-serif;font-weight:400;line-height:1.6;color:#615551;background-image:linear-gradient(to right bottom,rgba(241,244,255,.336),#a2a2a1);min-height:100vh}.container{max-width:120rem;margin:7rem auto;background-color:#fff;border-radius:9px;box-shadow:0 2rem 6rem .5rem rgba(97,85,81,.2);overflow:hidden;display:grid;grid-template-rows:10rem minmax(100rem,auto);grid-template-columns:1fr 2fr;grid-template-areas:"head head" "list pokemon"}@media only screen and (max-width:78.15em){.container{max-width:100%;margin:0;border-radius:0}}@media only screen and (max-width:61.25em){.container{background-color:#f9f5f3;overflow-x:hidden;grid-template-rows:10rem 6rem minmax(120rem,auto);grid-template-columns:1fr;grid-template-areas:"head head" "list pokemon"}}table{font-size:1.3rem;width:100%;padding:3rem 0;border-top:1px solid #cfd5dc;border-bottom:1px solid #cfd5dc}table tbody{display:table-row-group;vertical-align:middle;border-color:inherit}table tr{display:table-row;vertical-align:inherit;border-color:inherit}table td{text-align:center;padding:.3rem}@media only screen and (max-width:31.25em){table td{padding:.3rem 1rem}}.btn,.btn--small,.btn--small:link,.btn--small:visited{border-radius:10rem;border:none;text-transform:uppercase;color:#fff;cursor:pointer;display:flex;align-items:center;transition:all .2s}.btn--small:hover,.btn:hover{transform:scale(1.05)}.btn--small:focus,.btn:focus{outline:none}.btn--small>:first-child,.btn>:first-child{margin-right:1rem}.btn{background-image:linear-gradient(to right bottom,rgba(241,244,255,.336),#a2a2a1);padding:1.5rem 4rem;font-size:1.5rem;font-weight:600}.btn svg{height:2.25rem;width:2.25rem;fill:currentColor}.btn--small,.btn--small:link,.btn--small:visited{font-size:1.4rem;font-weight:600;padding:1.25rem 2.25rem;text-decoration:none}.btn--small:link svg,.btn--small:visited svg,.btn--small svg{height:1.75rem;width:1.75rem;fill:currentColor}.btn--inline{cursor:pointer;border:none;color:#6b6b6b;font-size:1.3rem;font-weight:600;background-color:#f9f5f3;padding:.8rem 1.2rem;border-radius:10rem;display:flex;align-items:center;transition:all .2s}.btn--inline--dark{display:inline;background-color:hsla(0,0%,57.3%,.1843137254901961)}.btn--inline svg{height:1.6rem;width:1.6rem;fill:currentColor;margin:0 .2rem}.btn--inline span{margin:0 .4rem}.btn--inline:hover{color:#a2a2a1;background-color:#f2efee}.btn--inline:focus{outline:none}.btn--round{display:flex;align-items:center;justify-content:center}.btn--round:hover{transform:scale(1.07)}.btn--round:focus{outline:none}.btn--round svg{height:2.5rem;width:2.5rem;fill:#fff}.btn--tiny{height:2rem;width:2rem;border:none;background:none;cursor:pointer}.btn--tiny svg{height:100%;width:100%;fill:#6b6b6b;transition:all .3s}.btn--tiny:focus{outline:none}.btn--tiny:hover svg{fill:#a2a2a1;transform:translateY(-1px)}.btn--tiny:active svg{fill:#a2a2a1;transform:translateY(0)}.btn--tiny:not(:last-child){margin-right:.3rem}.border-bottom{border-bottom:1px solid #cfd5dc}.heading--2{font-size:2rem;font-weight:700;color:#6b6b6b}.heading--2,.heading--3{text-transform:uppercase;text-align:center}.heading--3{font-size:1.5rem;font-weight:800}.heading--3,.link:link,.link:visited{color:#918581}.spinner{margin:5rem auto;text-align:center}.spinner svg{height:6rem;width:6rem;fill:#6b6b6b;animation:rotate 2s linear infinite}.error,.message{max-width:100rem;margin:0 auto;display:flex;flex-wrap:wrap;width:40rem;padding:10rem 4rem 5rem}.error img,.message img{margin-top:3rem;width:30rem}.error svg,.message svg{height:3rem;width:3rem;fill:#6b6b6b;transform:translateY(-.3rem)}.error p,.message p{margin-left:1.5rem;font-size:1.8rem;line-height:1.5;font-weight:600}.hidden{display:none}.loading{width:100%;display:flex;justify-content:center}.loading img{width:40%}@media only screen and (max-width:37.5em){.loading img{width:10rem}}.header{grid-area:head;background-color:#f9f5f3;display:flex;align-items:center;justify-content:space-between}.header__logo{margin-left:4rem;height:4.6rem;display:block}.search{background-color:#fff;border-radius:10rem;display:flex;align-items:center;padding-left:3rem;transition:all .3s}@media only screen and (max-width:37.5em){.search span{display:none;width:5rem}}.search__field{border:none;background:none;font-family:inherit;color:inherit;font-size:1.7rem;width:30rem}@media only screen and (max-width:37.5em){.search__field{width:5rem}}.search__field:focus{outline:none}.search__field::placeholder{color:#d3c7c3}@media only screen and (max-width:61.25em){.search__field{width:auto}.search__field::placeholder{color:#fff}}.search__btn{font-weight:600;font-family:inherit}@media only screen and (max-width:37.5em){.search__btn{padding:1rem}}@media only screen and (max-width:37.5em){.search__btn .search__icon{margin:0}}.nav{align-self:stretch;margin-right:2.5rem}@media only screen and (max-width:37.5em){.nav span{display:none}}.nav__list{list-style:none;display:flex;height:100%}.nav__item{position:relative}.nav__btn{height:100%;font-family:inherit;color:inherit;font-size:1.4rem;font-weight:700;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:0 1.5rem;transition:all .3s;display:flex;align-items:center}.nav__btn svg{height:2.4rem;width:2.4rem;fill:#6b6b6b;margin-right:.7rem;transform:translateY(-1px)}.nav__btn:focus{outline:none}.nav__btn:hover{background-color:#f2efee}.bookmarks{padding:1rem 0;position:absolute;right:-2.5rem;z-index:10;width:40rem;background-color:#fff;box-shadow:0 .8rem 5rem 2rem rgba(97,85,81,.1);visibility:hidden;opacity:0;transition:all .5s .2s;border-radius:0 0 0 10px}@media only screen and (max-width:37.5em){.bookmarks .preview:not(:first-of-type){margin-top:2rem}}@media only screen and (max-width:850px){.bookmarks{width:20rem}}.bookmarks__list{list-style:none}.bookmarks__field{cursor:pointer;padding:0 4rem;display:flex;align-items:center;height:100%;transition:all .3s}.bookmarks__field:hover{background-color:#f2efee}.bookmarks:hover,.nav__btn--bookmarks:hover+.bookmarks{visibility:visible;opacity:1}.bookmarks .preview__fig:before{background-image:url(/pokeball_bg.df00dcde.png),linear-gradient(to right bottom,rgba(241,244,255,.336),#a2a2a1)}@media only screen and (max-width:37.5em){.bookmarks .preview__fig{margin-left:2rem}}.preview{overflow:hidden;display:flex}@media only screen and (max-width:37.5em){.preview{margin:0;padding:0}}.preview__link:link,.preview__link:visited{flex:1;display:flex;align-items:center;padding:1.5rem 3.25rem;transition:all .2s;text-decoration:none}@media only screen and (max-width:850px){.preview__link:link,.preview__link:visited{justify-content:flex-start}}@media only screen and (max-width:37.5em){.preview__link:link,.preview__link:visited{width:6rem;padding:0}}.preview__link:hover{background-color:#f9f5f3;transform:translateY(-2px)}@media only screen and (max-width:37.5em){.preview__link:hover{background-color:transparent;transform:translateY(0)}}.preview__fig{flex:0 0 5.8rem;border-radius:50%;overflow:hidden;height:5.8rem;margin-right:2rem;position:relative;backface-visibility:hidden}.preview__fig:before{content:"";display:block;height:100%;width:100%;position:absolute;top:0;left:0;background-image:url(/pokeball_bg.df00dcde.png),linear-gradient(to right bottom,rgba(241,244,255,.336),#a2a2a1);background-size:100%;opacity:.2}@media only screen and (max-width:37.5em){.preview__fig:before{background-image:none}}.preview__fig img{display:block;width:100%;height:100%;object-fit:cover;transition:all .2s}.preview__data{display:grid;width:100%;grid-template-columns:1fr 2rem;row-gap:.1rem;align-items:center}@media only screen and (max-width:850px){.preview__data{display:none}}.preview__name{grid-column:1/-1;font-size:1.45rem;color:#6b6b6b;margin-bottom:.3rem}.preview__name,.preview__type{text-transform:uppercase;font-weight:600}.preview__type{font-size:1rem;color:#918581;display:flex}.preview__type--1,.preview__type--2{color:#fff;width:6rem;border-radius:20px;text-align:center}.preview__type--2{margin-left:1rem}.preview__user-bookmark{background-color:#eeeae8;display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:10rem;margin-left:auto;margin-right:1.75rem}.preview__user-bookmark svg{height:1.2rem;width:1.2rem;fill:#6b6b6b}.preview__user-delete{background-color:#eeeae8;display:flex;align-items:center;justify-content:center;height:4rem;width:4rem;border-radius:10rem;margin-right:3rem;right:0;align-self:center;position:absolute;z-index:100;cursor:pointer}@media only screen and (max-width:37.5em){.preview__user-delete{margin-right:2rem}}.preview__user-delete svg{height:1.2rem;width:1.2rem;fill:#6b6b6b}.search-results{display:flex;flex-direction:column;position:relative}@media only screen and (max-width:61.25em){.search-results{min-width:12rem}}@media only screen and (max-width:37.5em){.search-results{grid-row-start:2;grid-column-start:1;grid-column-end:3}}.results{list-style:none;margin-bottom:2rem;position:relative}@media only screen and (max-width:37.5em){.results{margin:0 3rem;display:flex;justify-content:flex-start}}.pagination{margin:auto 0 3rem;padding:0 3.5rem}@media only screen and (max-width:37.5em){.pagination{position:absolute;top:20%;width:100%}}.pagination__btn--prev{float:left;background-color:#f2efee}@media only screen and (max-width:37.5em){.pagination__btn--prev{position:absolute;left:0}}.pagination__btn--next{float:right;background-color:#f2efee}@media only screen and (max-width:37.5em){.pagination__btn--next{position:absolute;right:0}}@media only screen and (max-width:61.25em){.pagination span{display:none}}.pokemon{background-color:#f9f5f3;max-width:80rem}@media only screen and (max-width:37.5em){.pokemon{grid-column-start:1;max-width:120rem;min-width:30rem}}.pokemon__fig{height:32rem;position:relative;transform-origin:top;border-radius:0 0 40px 40px;background-image:linear-gradient(to right bottom,var(--CoverBg_1),var(--CoverBg_2))}.pokemon__fig .icon--heart{position:absolute;right:5%;top:5%;height:5rem;width:5rem;fill:#fff;cursor:pointer;z-index:1}.pokemon__fig .switch__btn{display:flex;align-items:center;height:100%;width:100%;position:absolute}.pokemon__fig .switch__btn__prev{position:absolute;left:0}.pokemon__fig .switch__btn__next{position:absolute;right:0}.pokemon__img{width:45%;position:absolute;left:50%;transform:translate(-50%)}@media only screen and (max-width:400px){.pokemon__img{width:70%}}.pokemon__name{position:absolute;bottom:0;left:50%;transform:translate(-50%,20%) skewY(-6deg);color:#fff;font-weight:700;font-size:3.25rem;text-transform:uppercase;width:50%;line-height:1.95;text-align:center}.pokemon__name span{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1.3rem 2rem;background-image:linear-gradient(to right bottom,rgba(241,244,255,.336),#a2a2a1)}@media only screen and (max-width:61.25em){.pokemon__name{width:70%}}.pokemon__details{padding:5.5rem 8rem 0}@media only screen and (max-width:31.25em){.pokemon__details{padding:5.5rem 2rem 0}}.pokemon__details__types{font-size:1.8rem;font-weight:800;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.pokemon__details__types .type{margin:0 2rem;line-height:4rem;width:12rem;border-radius:20px;text-align:center;color:#fff}.pokemon__details__info{margin-top:3.5rem;display:flex;justify-content:space-around;position:relative}.pokemon__stats{display:flex;justify-content:center;margin-top:3.5rem}.pokemon__stats__EV,.pokemon__stats__IV,.pokemon__stats__LV{border:0;background-color:transparent;text-align:center;border-bottom:1.5px solid #d3c7c3;outline:none;color:inherit}@media only screen and (max-width:37.5em){.pokemon__stats__EV,.pokemon__stats__IV,.pokemon__stats__LV{width:5rem;font-size:.5rem}}.pokemon__stats__nature{font-family:inherit;cursor:pointer;color:inherit;background-color:transparent;outline:0;border:none;border-bottom:1.5px solid #d3c7c3;padding:0 1rem}@media only screen and (max-width:37.5em){.pokemon__stats__nature{font-size:.5rem;width:10rem}}.pokemon__stats span{margin-right:.6rem}.pokemon__stats__stat-bar{display:inline-block;border-radius:5rem;height:1rem;width:15rem;background:#dadada}@media only screen and (max-width:31.25em){.pokemon__stats__stat-bar{width:12rem}}.pokemon__stats__stat-bar__fill{height:100%;border-radius:5rem;background:#eeb33b}.pokemon__effectiveness{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:0 auto;padding:2rem 0}.pokemon__effectiveness__row{width:50%;margin:1.8rem 0}@media only screen and (max-width:37.5em){.pokemon__effectiveness__row{width:150%}}.pokemon__effectiveness .heading--2{display:block;width:100%}.pokemon__effectiveness__types{font-size:1rem;font-weight:500;text-transform:uppercase;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:1rem 0}.pokemon__effectiveness__types .type{margin:1rem;line-height:3rem;width:7rem;border-radius:20px;text-align:center;color:#fff}@media only screen and (max-width:37.5em){.pokemon__effectiveness__types .type{width:11rem}}.pokemon__effectiveness__types .type--none{margin:1rem}
/*# sourceMappingURL=/main.eabefe78.css.map */